/*reset css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;text-align:right}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:right;}
h1,h2,h3,h4,h5,h6{font-family:arial}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top}
sub {vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%}
/*Base Css*/
h1 {font-size:145%}
h2 {font-size:130%}
h3 {font-size:115%}
h1,h2,h3 {margin:0 0 1em 0}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold}
abbr,acronym {border-bottom:1px dotted #000;cursor:help} 
em {font-style:italic}
blockquote,ul,ol,dl {margin:1em}
ol,ul,dl {margin-right:2em}
ol li {list-style: decimal outside}
ul li {list-style: disc outside}
dl dd {margin-right:1em}
table{width:100%}
th,td {padding:.2em .5em}
th {font-weight:bold}
caption{margin-bottom:.5em;text-align:center}
/*p,fieldset,table,pre {margin-bottom:1em}*/
/*input,textarea{width:12.25em;*width:41.8em}*/

/*Fonts*/
body {font:13px/1.231 tahoma;font-size:small}
table {font-size:inherit;font:100%}
pre,code,kbd,samp,tt {font-family:monospace;font-size:108%;line-height:100%}
p,h1,h2,ul{ direction:rtl}
/*layout*/
body{text-align:center}
#bd, #hd, #ft{zoom:1}
#bd:after, #hd:after, #ft:after, #main:after, .w:after, .divClip:after, .g1:after, .g2:after{content:".";display:block;height:0;clear:both;visibility:hidden}

/************** Documents ***********/
#doc0{margin:auto;width:57.692em;*width:56.25em} /* doc0 750px width */
#doc1{margin:auto;width:73.076em;*width:71.25em} /* doc1 950px width */


/**************        Templates      **************/
/************** t:template , c:column **************/

/******************* template 1 *******************/
#doc0 .t1 .c1{float:right;width:33.0767em;*width:32.25em}
#doc0 .t1 .c2{float:left;width:24.6153em;*width:24.00em}
#doc1 .t1 .c1{float:right;width:48.4607em;*width:47.25em}
#doc1 .t1 .c2{float:left;width:24.6153em;*width:24.00em}

/******************* template 2 *******************/
#doc0 .t2 .c1{float:right;width:24.6153em;*width:24.00em}
#doc0 .t2 .c2{float:left;width:33.0767em;*width:32.25em}
#doc1 .t2 .c1{float:right;width:24.6153em;*width:24.00em}
#doc1 .t2 .c2{float:left;width:48.4607em;*width:47.25em}

/******************* template 3 *******************/
#doc0 .t3 .c1{float:right;width:45.3843em;*width:44.25em}
#doc0 .t3 .c2{float:left;width:12.307em;*width:12em}
#doc1 .t3 .c1{float:right;width:60.7692em;*width:59.25em}
#doc1 .t3 .c2{float:left;width:12.307em;*width:12em}

/******************* template 4 *******************/
#doc0 .t4 .c1{float:right;width:12.307em;*width:12em}
#doc0 .t4 .c2{float:left;width:45.3843em;*width:44.25em}
#doc1 .t4 .c1{float:right;width:12.307em;*width:12em}
#doc1 .t4 .c2{float:left;width:60.7692em;*width:59.25em}

/******************* template 4 *******************/
#doc0 .t5 .c1{float:right;width:50%}
#doc0 .t5 .c2{float:left;width:50%}
#doc1 .t5 .c1{float:right;width:50%}
#doc1 .t5 .c2{float:left;width:50%}


/* w: wrapper to wraps content insider container with margins on both sides */
.w{margin:auto 0.3em 0 .0em}

/**************        Grids      **************/
/***********************************************/
/* g: Grid , b: Block */
.g1, .g2, .g3{margin:0;padding:0;display:block;clear:both}
/* g1 */
.g1 .b{width:100%}
/* g2 */
.g2 .b{width:49.9%;float:right}
/* g3 */
.g3 .b{width:33.2%;float:right}


/* Custom Grids */
.g3a .b1{width:17%;float:right}
.g3a .b2{width:49%;float:right}
.g3a .b3{width:33%;float:left}

.g2f .b1{width:50%;float:right}
.g2f .b2{width:50%;float:left}

.g2a .b1{width:40%;float:right}
.g2a .b2{width:50.8%;float:left}

.g2b .b1{width:37.8%;float:right}
.g2b .b2{width:62%;float:left}

.g2c .b1{width:75%;float:right}
.g2c .b2{width:45%;float:left}

.g2e .b1{width:66%;float:right}
.g2e .b2{width:33%;float:left}

.g2d .b1{width:60%;float:right}
.g2d .b2{width:30%;float:left}


/*over the page*/
#SocialStage{background:#fff url(../images/sms-bg.jpg) no-repeat left top;position: absolute; top:106px; left:25% ;z-index:100000004; width:773px; border:8px solid #3b5998;-moz-border-radius:15px;-webkit-border-radius: 15px;border-radius: 15px; min-height:174px; width:641px; text-align:center; height:475px}
#SocialOverlay .over{position: fixed; filter: alpha(opacity = 70); -moz-opacity: .7;-khtml-opacity: .7; opacity: .7;width: 100%; height: 100%; background: #121212;z-index: 100000003; top: 0; left: 0}
#SocialStage .close{ position:absolute; right:-12px; top:-21px; z-index:1000003; width:27px; height:38px; background:url(../images/close-btn.png) no-repeat; display:block; cursor:pointer}
#SocialStage .close{ background:url(../images/lightbox_close.png) no-repeat !important; height:34px; width:34px; right:1px; top:3px; left:auto}
#SocialStage .FB{width:333px}
#SocialStage #FBcheck{margin:5px auto; width:99%}
.closeMsg{ cursor:pointer}
.ie9-top {width:100%; height:95px; background: url("../images/sprite.png") no-repeat scroll -206px -437px; position:relative }
.ie9-top h1 {color: #044BA3;float: right;font: bold 15px tahoma;height: 20px;margin:51px 44px 0 0;padding-top: 21px;width: 385px; margin-left:0px; margin-bottom:0px}
.ie9-top span {float:left; width:171px; height:80px; background:url("../images/sprite.png") no-repeat scroll -12px -13px; margin:0px}
.ie9-content {width:500px; height:280px; position:relative; float:right}
.ie9-sms-graph { background: url("../images/sprite.png") no-repeat scroll 5px -206px transparent;height: 262px;left: -230px;position: absolute;top: -2px;width: 232px}
.ie9-steps {width:auto; height:300px; float:right; margin-right:33px }
.steps {background-color: #FFFBC4;border: 1px dotted #7D3E00;color: #7D3E00;float: right;font: bold 12px tahoma;height: 21px;margin-right: 44px;margin-top: 9px;padding-top: 5px;text-align: center;width: 84px}
.steps-details {float:right; margin-top: 11px;}
.step1, .step2, .step3, .step4 { float: right;height: 31px;margin: 4px 0px;width: 481px}
.step1 p, .step2 p, .step3 p, .step4 p  {text-align:right;margin-right:6px;width:auto; height:23px; font: normal 12px tahoma; float:right; color:#0462a3; padding-top: 10px} 
.step1 a, .step2 a, .step4 a  {text-align:right;width:135px; height:37px;float:right; background: url("../images/sprite.png") no-repeat scroll 0 0}
.step4 a{text-align:right;margin-right:6px;width:382px; height:23px; font: normal 12px tahoma; float:right; color:#0462a3; padding-left:16px; padding-top: 10px;line-height:19px}
.step3 a{text-align:right;margin-right:6px;width:auto; height:23px; font: normal 12px tahoma; float:right; color:#0462a3; padding-left:16px; padding-top: 6px;line-height:19px}
.step2 a{text-align:right;margin-right:6px;width:89px; height:23px; font: normal 12px tahoma; float:right; color:#0462a3; padding-left:16px; padding-top: 6px;line-height:19px; background: url("../images/sprite.png") repeat scroll -385px -89px}
.step1 a { text-align:right; background-position:-357px -31px}
.step4 {margin-bottom:19px}
.step4 p {width:382px ;line-height:19px}
.fblike { float: right;height: 23px;padding-top: 5px; width:95px}
.checked {float: right;height: 29px;width: 38px; background: url("../images/sprite.png") no-repeat scroll -407px -213px}
.unchecked {float: right;height: 29px;width: 38px; background: url("../images/sprite.png") no-repeat scroll -404px -274px}
.ie-credit { width: 438px; height:54px; float:right; background:url("../images/sprite.png") no-repeat scroll -72px -125px #FDF4CF; border:1px solid #d6870c;  margin: 69px 40px 0 0;}
.ie-credit p {padding:20px 65px 0 0; float:right; font: bold 13px tahoma; color:#653c00  }
.ie-winner {background: url("../images/winner.png") no-repeat scroll 43px 16px transparent;float: right;height: 241px;margin: 48px 40px 0 0;width: 438px}
.ie-note {  color: #FF1E00;direction: rtl;float: right;font: bold 12px tahoma;position: absolute;right: 44px;top: 23px;width: 300px; line-height:20px}
.pin-hint {background: url("../images/pin-hint.jpg") no-repeat scroll 0 0 transparent;height: 62px;left: -129px;position: absolute;top: 310px;width: 476px;}
.pin-hint a {display: block;height: 62px;width: 476px}
