body {width:100%;height:100%;margin:0; font-family:Georgia;background-color:#303030}
.Header{width:100%;display:block;background-color:#ee7c29}
.Footer .MenuBG{ padding-top:3%;}
.ButtonFinal{border-radius:5px; border:none; margin:0px!important; background:url('/3aStyles/Images/BTNbg.gif')!important; color:#303030; -o-box-shadow:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -webkit-appearance: none; padding:3px!important;  cursor:pointer}
/* .ButtonWideFinal{border-radius:5px; border:none; margin:0px!important; background:url('/3aStyles/Images/BTNbg.gif')!important; color:#303030; -o-box-shadow:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -webkit-appearance: none; padding:3px 9px 3px 9px!important;  cursor:pointer} */
.ButtonWideFinal{border-radius:5px; border:none; background:url('/3aStyles/Images/BTNbg.gif')!important; color:#303030; padding:3px 9px 3px 9px!important;  cursor:pointer}
.FntSize75{font-size:75%}

/*** fonts Color ***/
.FcWhite{color:#303030}
.FcBlack{ color:#eee}
.FcRed{color:#ff2b33}
.FcOrng{color:orange}
.FcYellow{color:#fcf204}
.Bold{font-weight:700}

/* applied for TextBoxes Labels, Menu and H1 */
.DynaFntsize4{ font-size:140%}
.DynaFntsize3{ font-size:150%}
.DynaFntsize2{ font-size:100%}
.DynaFntsize{font-size:75%}
.DynaSmallerFntsize{ font-size:70%}
.DispBlk{display:block}
.DispInBlk{ display:inline-block}

hr { border:0px; border-top:1px dotted #888;  }
.BgBlu{background:orange;padding:5px;border-radius:5px;margin-top:5px;margin-bottom:5px}
.BgBluSub{background:rgb(255, 199, 94);padding:3px 5px 3px 60px;border-radius:5px;margin-top:5px;margin-bottom:5px}
.BgRed{background:#ff2b33;padding:5px}

.MenuBG{background:url('/3aStyles/Images/headerbg.jpg'); width:100%; display:block; padding:2% 0;}
.Menu{list-style: none inside; width:80%; margin:0; padding:0; min-width:240px }
.Menu li{padding:0px;color:#303030; font-size:90%;height:2.5em; margin-top:15px; display:inline}
.Menu li a{ color:#303030; text-decoration:underline}

.FntFamilyTimes{ font-family:Times New Roman}

/*** For All Web ***/
.MarCnt{ margin:0 auto}
.content{ height:auto; display:block; padding:1.2%}
.WindLgWrap img{width:60px}
.WWorld img{ width:110px; margin-bottom:3px}
.WindLgWrap{width:15%; min-width:50px; vertical-align:top} 
.WindLgWrap img{max-width:100%; max-height:100%; width:50px}
.WWorlWrapper{width:60%; vertical-align:bottom; margin-bottom:1%}
.WWorld{vertical-align:bottom; min-width:50px; width:68%}
.WWorld img{ max-width:100%;  max-height:100%;}
.FL{float:left}
.FR{float:right}
.TxtAlignC{text-align:center}
.TxtAlignL{text-align:left}
.TxtAlignR{text-align:right}
.MargR2{ margin-right:1.5em}
.MargL2{ margin-left:1.5em}
.MargT1{ margin-top:0.3em}
.MargT2{margin-top:1em}
.MargR3{margin-right:3px}

.VAlignMiddle{ vertical-align:middle}
.W2{ width:57%}
.W1{ width:50%}

/***** Forms ***/
h1{background:orange;margin:0; padding:1%}
.Clear{ clear:both}
.MargT3{margin-top:0.5em}
.MargT6{margin-top:2.0em}

.SmallBTN{ background:url('/3aStyles/Images/MediumBtn.gif') no-repeat; width:61px; height:20px; border:0px; cursor:pointer; color:#303030; font-size:70%; margin:0px!important; padding:0px!important}

/***** buttons *****/ 
.Button{border-radius:5px; border:none; margin:0px!important; background:url('/3aStyles/Images/BTNbg.gif')!important; padding:10px; color:#303030; -o-box-shadow:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -webkit-appearance: none; padding:0!important;  cursor:pointer}
.ButtonBack{border-top-right-radius:5px;border-bottom-right-radius:5px; border:none; margin:0px!important; background:url('/3aStyles/Images/BTNbg.gif')!important; padding:0px; color:#303030; -o-box-shadow:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -webkit-appearance: none; padding:0!important;  cursor:pointer}
.CornerRight, .CornerLeft,  .ArrowImg, .WarImg, .SucImg {background:url('/3aStyles/Images/AllImageSprites.gif') no-repeat}

.Btn1 .Button {height:20px; width:50px}
.Btn1 .ButtonBack {height:20px; width:50px}
.Btn1 .CornerRight{ background-position:-6px 0px; height:20px;width:5px}
.Btn1 .CornerLeft{ background-position:0px 0px; height:20px;width:5px}

.Btn2 .Button {height:25px; width:40px}
.Btn2 .ButtonBack {height:25px; width:40px}
.Btn2 .CornerRight{ background-position:-19px 0px; height:25px; display:block;width:6px}
.Btn2 .CornerLeft{ background-position:-11px 0px; height:25px; display:block; width:6px}

.BtnLong{ width:auto!important;}
.BigWidth{ min-width:140px; width:80%}
 
/* Grid */
.GLabel{ padding:1%;border-bottom:1px dotted #888}
.GContent{width:70%; padding:1%;padding-left:2%!important; background-color:#b0b1b6; border-bottom:1px dotted #000}
.Alt .GLabel{ background-color:#202020}
.Alt .GContent{background-color:#FFF}

/* Sprites Images */
.ArrowImg { background-position:0px -22px; width:10px; height:11px }
.WarImg{background-position:-295px 0px; width:18px; height:47px }
.SucImg{background-position:-95px -47px; width:34px; height:31px }


/* TextBoxes */
.TxtBox, .TxtBox2, .SmallTxtBox, .DropDown{border:1px solid orange;background-color:#303030;color:#eee}
.TxtBox{ width:80%} 
.TxtBox2{ width:70%}
.SmallTxtBox{width:18%}
.DropDown{width:29%; margin-right:1.5%} 



@media only screen and (min-device-width : 250px) and (max-device-width : 320px) {
.DynaFntsize3{ font-size:170%!important}
.DynaFntsize4{ font-size:160%!important}
.DynaFntsize2{ font-size:100%!important}

.DynaFntsize, .DropDown{font-size:85%!important}
h1{padding:8px!important}
.Menu {width:100%}
.Menu li{font-size:100%!important}
.WWorld img{width:140px!important}
.WindLgWrap img{width:auto}

/** Buttons **/
.Btn1 .Button { background-image:none;  height:27px}
.Btn1 .ButtonBack { background-image:none;  height:27px}
.Btn1 .CornerRight{ background-position:-6px 0px; height:27px; display:block;width:6px}
.Btn1 .CornerLeft{ background-position:0px 0px; height:27px; display:block; width:6px}
}

/**** Android Prob ****/
@media only screen and (min-width : 250px) and (max-width : 320px) 
{
.DynaSmallerFntsize{ font-size:80%!important}
.DynaFntsize3{ font-size:180%!important}
.DynaFntsize4{ font-size:170%!important}
.DynaFntsize2{ font-size:100%!important}
.DynaFntsize, .DropDown{font-size:90%}
h1{ padding:8px!important}
.Menu {width:100%}
.Menu li{font-size:100%!important}
.WWorld img{width:140px!important}
.WindLgWrap img{width:auto}

.ArrowImg {background-position:0px -33px; width:14px; height:19px }

.Btn2 .Button { background:#ec7122; height:32px; width:50px}
.Btn2 .ButtonBack { background:#ec7122; height:32px; width:50px}
.Btn2 .CornerRight{ background-position:-36px 0px; height:32px; display:block;width:7px}
.Btn2 .CornerLeft{ background-position:-26px 0px; height:32px; display:block; width:7px}


/** Buttons **/
.Btn1 .Button { background:#ec7122; padding:0 1%; height:25px}
.Btn1 .ButtonBack { background:#ec7122; padding:0 1%; height:25px}
.Btn1 .CornerRight{ background-position:-19px 0px; height:25px; display:block;width:6px}
.Btn1 .CornerLeft{ background-position:-11px 0px; height:25px; display:block; width:6px}
}




/** Bb Devices -- Iphone 3gs  **/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) 
{
.DynaFntsize3{ font-size:190%!important}
.DynaFntsize4{ font-size:180%!important}
.DynaFntsize2{font-size:100%!important}    
.DynaFntsize{font-size:95%!important}
.DynaSmallerFntsize, .DropDown{font-size:95%!important}
h1{ /*padding:10px!important*/}
.Menu{width:90%}
.WWorld img{width:60%; min-width:9em}
.WindLgWrap img{width:auto}

.ArrowImg { background-position:0px -33px; width:14px; height:19px }
.WarImg{background-position:-313px 0px; width:23px; height:63px }
.SucImg{background-position:-88x 0px!important; width:45px; height:45px }


/** Buttons **/
.Btn1 .Button {background-color:#ec7122;height:25px}
.Btn1 .ButtonBack {background-color:#ec7122;height:25px; overflow:hidden}
.Btn1 .CornerRight{ background-position:-19px 0px; height:25px; display:block;width:6px}
.Btn1 .CornerLeft{ background-position:-11px 0px; height:25px; display:block; width:6px}

.BigWidth{width:80%; min-width:16em}

}






/*** Iphone and Nokia E7 bb Bold ***/
@media only screen and (min-device-width : 480px) and (max-device-width : 640px) {

.DynaFntsize3{ font-size:210%!important}
.DynaFntsize4{ font-size:200%!important}
.DynaFntsize2{font-size:110%!important}    
.DynaFntsize{font-size:105%!important}
.DynaSmallerFntsize, .DropDown{font-size:105%!important}

.WindLgWrap img{width:auto}
.WindLgWrap{ width:18%}
.WWorld img { width:60%!important} 
.WWorld{width:75%}
h1{ padding:5px!important}
.Menu {width:85%}

/** Buttons **/
.Btn1 .Button { background:#ec7122; height:32px}
.Btn1 .ButtonBack { background:#ec7122; height:32px; width:50px}
.Btn1 .CornerRight{ background-position:-36px 0px; height:32px; display:block;width:7px}
.Btn1 .CornerLeft{ background-position:-26px 0px; height:32px; display:block; width:7px}

.ArrowImg { background-position:0px -33px; width:14px; height:19px }
.WarImg{background-position:-338px 0px; width:27px; height:75px }
.SucImg{background-position:-135px 0px!important; width:66px; height:62px }
.BigWidth{width:80%; min-width:16em}

hr{ margin:1em 0}
}


/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.DynaFntsize, .GLabel, .GContent{ font-size:130%!important}
.DynaFntsize3{ font-size:260%!important}
.DynaFntsize4{ font-size:250%!important}
.DynaFntsize2{ font-size:135%!important}

.WWorlWrapper {width:71%}
.MargR2{ margin-right:1em}
.WWorld img{ width:272px!important}
.WindLgWrap img{width:auto}
.DynaSmallerFntsize { font-size:115%}
.TxtBox{border:1px solid orange;background-color:#303030;color:#eee; width:80%; font-size:110%}

.Btn1 .Button {height:37px;}
.Btn1 .ButtonBack {height:37px; width:80px}
.Btn1 .CornerRight{ background-position:-53px 0px; height:37px;width:9px}
.Btn1 .CornerLeft{ background-position:-43px 0px; height:37px;width:9px}

.Btn2 .Button {height:46px;}
.Btn2 .ButtonBack {height:46px; width:100px}
.Btn2 .CornerRight{ background-position:-76px 0px; height:46px;width:11px}
.Btn2 .CornerLeft{ background-position:-63px 0px; height:46px;width:11px}
.ArrowImg { background-position:0px -53px; width:17px; height:23px }

.WarImg{background-position:-365px 0px; width:32px; height:92px }
.SucImg{background-position:-200px 0px!important; width:95px; height:93px }
.BigWidth{width:80%; min-width:18em}

.W1{ width:75%}

hr{ margin:1.2em 0}
}


@media only screen
and (min-width : 1024px) {
.DynaFntsize, .GLabel, .GContent{ font-size:130%!important}
.DynaFntsize3{ font-size:260%!important}
.DynaFntsize4{ font-size:250%!important}
.DynaFntsize2{ font-size:135%!important}
.WindLgWrap img, .WWorld img{width:auto}
.MenuBG{ padding:1% 0}
.DynaSmallerFntsize{ font-size:120%}
.TxtBox{ border:1px solid orange;background-color:#303030;color:#eee; width:80%; font-size:130%}


.WarImg{background-position:-365px 0px; width:32px; height:92px }
.SucImg{background-position:-200px 0px!important; width:95px; height:93px }
.Btn1 .Button {height:37px; width:80px}
.Btn1 .ButtonBack {height:37px; width:80px}
.Btn1 .CornerRight{ background-position:-53px 0px; height:37px;width:9px}
.Btn1 .CornerLeft{ background-position:-43px 0px; height:37px;width:9px}

.Btn2 .Button {height:46px;}
.Btn2 .ButtonBack {height:46px; width:100px}
.Btn2 .CornerRight{ background-position:-76px 0px; height:46px;width:11px}
.Btn2 .CornerLeft{ background-position:-63px 0px; height:46px;width:11px}

.ArrowImg { background-position:0px -53px; width:17px; height:23px }
.W1{ width:75%}

hr{ margin:1.2em 0}
}


/*
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
.Fs100P{font-size:110%!important}
}
*/