@charset "utf-8";

/* Banner Section Style Start*/
#bannerSection { clear:both; width:967px; height:297px; display:block; }
.PersonalbannerSectionBg {clear:both; width:967px; height:297px; display:block; overflow:hidden; background:url(../images/personal/personal_section_main.jpg) no-repeat bottom;}
/* Banner Section Style End*/

/* Meta Section Start */
#msPersonalLoginBlock{float:left; position:absolute; width:233px; z-index:12; margin-top:57px; margin-left:729px; margin-bottom:5px; }	
#msPersonalInnerLoginBlock{float:left; position:absolute; width:233px; z-index:12; margin-top:58px; margin-left:729px; margin-bottom:5px; }
.msPersonalLoginField { border:0 #edeff0 solid; background:url(../images/personal/ms_personal_login_Field_bg.png) no-repeat left #edeff0; height:14px; width:193px; padding:6px 8px; color:#747474; margin-bottom:13px; }
.msPersonalLoginField:focus{ outline:none;}
.msPersonalBtnLnkBlock{ display:block; overflow:hidden; padding-bottom:3px; margin-bottom:5px; border-bottom:#749d2c 1px dotted; }
.msPersonalBtnLnkBlock a{ line-height:2.7em; }

.pddLeft30per { width:115px; margin:auto; padding:4px 0px; }

.msPersonalLoginMenu1On a { float:left; width:80px; background:url(../images/personal/ms_Personal_Login_myaccOn.png) no-repeat left; color:#000000; height:21px; padding-top:8px; text-align:center; text-decoration:none; }
.msPersonalLoginMenu1Off a { float:left; width:80px; background:url(../images/personal/ms_Personal_Login_myaccOff.png) no-repeat left; color:#FFFFFF; height:21px; padding-top:8px; text-align:center; text-decoration:none; }
.msPersonalLoginMenu1Off a:hover { float:left; width:80px; background:url(../images/personal/ms_Personal_Login_myaccOff.png) no-repeat left; color:#dedede; height:21px; padding-top:8px; text-align:center; text-decoration:none; }
.msPersonalLoginMenu2On a { float:left; width:46px; background:url(../images/personal/ms_Personal_Login_emailOn.png) no-repeat left; color:#000000; height:21px; padding-top:8px; text-align:center; text-decoration:none;}
.msPersonalLoginMenu2Off a { float:left; width:46px; background:url(../images/personal/ms_Personal_Login_emailOff.png) no-repeat left; color:#FFFFFF; height:21px; padding-top:8px; text-align:center; text-decoration:none; }
.msPersonalLoginMenu2Off a:hover { float:left; width:46px; background:url(../images/personal/ms_Personal_Login_emailOff.png) no-repeat left; color:#dedede; height:21px; padding-top:8px; text-align:center; text-decoration:none; }
.msPersonalLoginMenu3Off a { float:left; width:107px; background:url(../images/personal/ms_Personal_Login_otherAccOff.png) no-repeat left; color:#FFFFFF; height:21px; padding-top:8px; text-align:center; text-decoration:none; }
.msPersonalLoginMenu3Off a:hover { float:left; width:107px; background:url(../images/personal/ms_Personal_Login_otherAccOff.png) no-repeat left; color:#dedede; height:21px; padding-top:8px; text-align:center; text-decoration:none; }
/* Meta Section End */

/* Content Section Style Start*/
.csTabTopMenuBlock {float:left; display:block; overflow:hidden; background:url(../images/generic/whit_bg.gif) top repeat-x;}
.csFiveTabW a{ float:left; display:block; overflow:hidden; width:128px; text-align:center;}
.csTabBlock { float:left; background:url(../images/generic/cs_tabSec_bg.jpg) bottom repeat-x #f2f2f2; }
.csTabBlockW { width:724px; display:block; overflow:hidden;} 
.graBlock1TopW {float:left; width:238px;}
.graBlock1ConInner { width:198px; height:104px; padding:15px 20px 20px; display:block; overflow:hidden;}
.graBlock2TopW {float:left; width:238px;}
.graBlock2ConInner { width:198px; height:120px; padding:15px 20px 20px; display:block; overflow:hidden;}
.graBlock2ConInnerTxt { height:110px; padding:0; margin:0; display:block; overflow:hidden; }

/* Slide News Block Start */
/* Custom Class; mostly declaration of specific width */
.csPersonalSlideBlockBox{ width:450px; display:block; overflow:hidden; float:left; padding:0; } 
.csPersonalSlideBlockBoxMargin{ margin-right:30px; }
/* Slide News Block End */

#rountBotCarNer { background:url(../images/generic/cs_graBlock_botRight.gif) bottom right no-repeat;}
#mashreqCreditCardBlock { background:url(../images/personal/quicklink_img1.png) bottom right no-repeat; }
#blackberryServicesBlock { background:url(../images/personal/quicklink_img2.png) bottom right no-repeat; }
#intRoamingBlock { background:url(../images/personal/quicklink_img3.png) bottom right no-repeat; }
#moreBlock { background:url(../images/personal/quicklink_img4.png) bottom right no-repeat; }

#personalTab1,#personalTab2,#personalTab3,#personalTab4{float:left; margin-right:1px; padding:0px;}

.personalCsTabContent {clear:both; width:724px; background:url(../images/generic/cs_tabSec_left.jpg) bottom left no-repeat; overflow:hidden; display:block;}
.personalCsTabContentInner {background:url(../images/generic/cs_graBlock_Right.png) bottom right no-repeat; overflow:hidden; display:block; padding:0 2px 2px 0;}
.personalCsTabContPad { padding:20px 170px 0 20px; overflow:hidden; display:block; height:92px;}
#personalCsNewsBg{ background:url(../images/generic/home_whatsnewtab_bg.png) bottom right no-repeat; }
#personalCsPromotionBg{margin:0; overflow:hidden; display:block; background:url(../images/personal/personal_promotiontab_bg.png) bottom right no-repeat;}
#personalCsSupportBg{margin:0; overflow:hidden; display:block; background:url(../images/personal/personal_supporttab_bg.png) bottom right no-repeat; }
#personalCsIamBg { margin:0; overflow:hidden; display:block; background:url(../images/personal/personal_Iamtab_bg_Entrepreneur.png) bottom right no-repeat;}
#personalCsIwantBg{margin:0; overflow:hidden; display:block; background:url(../images/personal/personal_iwanttab_bg.png) bottom right no-repeat; }
.divRow10{height:10px; display:block;}
.personalCsNewsConBlock { position:absolute; padding:0; width:473px; height:80px; overflow:hidden; display:block;}
#personalCsNewsConBlockCon { position:absolute; width:1419px; height:80px; margin:0; padding:0; }
.pNCal{width:23px; height:38px; padding:0 6px 5px; background-image:url(../images/icons/Icon_Cal_bg.png); background-repeat:no-repeat; float:left; display:block; overflow:hidden; border:1px solid #FF0000; }
.personalCalMonth { color:#abce6b; font-weight:normal; height:13px;  }
.personalCalDat { color:#808084; font-weight:bold;  }
.personalCsNewsThreeBtnBlock { float:right; width:40px; position:absolute; margin-left:490px;}
#personalMoreNewsBtn { float:right; padding-top:73px; }
/* Content Section Style End*/



/* Right Slider Section Styles*/
ul.inner-arrow-tab { position:absolute; margin:-23px 30px 0 30px; width:700px;  }
ul.inner-arrow-tab li {float:left; text-align:center; margin-left:5px; }
ul.inner-arrow-tab li:first-child {margin:0; }
ul.inner-arrow-tab li a{text-decoration:none; height:25px; padding:4px 20px; text-align:center; display:block; color:#000;}
ul.inner-arrow-tab li a:hover{color:#78a22f;}
ul.inner-arrow-tab li.current { background:url(../images/personal/ls_btn_green_l.jpg) left top no-repeat; }
ul.inner-arrow-tab li.current span {background:url(../images/personal/ls_btnGreen_right.jpg) right top no-repeat; display:block;}
ul.inner-arrow-tab li.current span a {background:url(../images/personal/ls_tab_bgOn.gif) no-repeat center 23px; color:#fff;}

/* Accordion Styles */

.jScrollPaneTrack {	background: #aaa;}
.jScrollPaneDrag { background: #666;}

/* Support Section Start */
.lsTopFAQSection{width:480px; display:block; overflow:hidden; float:left;}
.lsSupportFAQSlidingContent {width:478px; padding:0px 1px 0px 1px; background:url(../images/personal/rs_FAQslidingtab_Bg.gif) repeat-y left top;}
.lsSSContentInnerM2{ padding:0px 20px 0px 20px;}
.lsSupportFAQContent p { display:block; padding:9px 5px 3px 20px; height:23px; margin: 0;background-image: url(../images/personal/rs_FAQslidingtab_noarr.png); border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;  }
.lsSupportFAQContent p img{ padding:0px 10px 0px 0px; float:left;}
.lsSupportFAQContentBot{ background:url(../images/generic/srWhiteBox_B.gif) no-repeat right bottom; height:5px; border-left:1px solid #d6d6d6; }
.supportTabGreenInner { float:left; background:url(../images/generic/rs_tab_green_left.png) left top no-repeat; height:17px;  display:block; overflow:hidden; padding:9px 5px 5px 20px; }
/* Support Section End */


/* Listing Events Section Styles Start */
.event-list {padding:20px; clear:both; display:block; overflow:hidden;}
.event-list .header {float:left; width:100%; margin-bottom:13px; border-bottom:1px solid #dedede;}
.event-list .header h3{float:left;}
.event-list .header span{float:right;}

ul.event-list-cont {display:block; clear:both; overflow:hidden; }
ul.event-list-cont li{float:left; width:100%; margin-right:10px; }
ul.event-list-cont li .roundimg{width:200px; float:left; height:150px; margin-right:15px;}
ul.event-list-cont li .left {width:200px; float:left; height:150px; margin-right:15px;}

.event-list table{background:none; padding:0; margin:0; width:auto; }
.event-list table tr td{background:none; border:none; padding:0; margin:0; width:auto; vertical-align:middle;}

ul.event-list-cont li .right { float:left; width:404px; }
ul.event-list-cont li .right .date{ color:#a4a4a4; }
ul.event-list-cont li .right a{ margin-bottom:0px;}
ul.event-list-cont li .right p {min-height:75px; margin-top:5px;}

ul.event-list-right-cont {display:block; float:left; overflow:hidden;  width:390px;}
ul.event-list-right-cont li { float:left;  width:100%; margin-right:10px;}
ul.event-list-right-cont li .date{ color:#a4a4a4; }
ul.event-list-right-cont li a{ margin-bottom:0}
ul.event-list-right-cont li p {min-height:75px; margin-top:5px;}

span.event-list-nav {margin-top:-8px;}
span.event-list-nav a {padding:4px 6px 0; height:20px; font-weight:bold; float:left;  display:block; width:13px; margin-left:5px; text-align:center; }
span.event-list-nav a:hover {text-decoration:none; background:url(../images/generic/event_list_page_navOn.png) no-repeat left top;  color:#FFF}
span.event-list-nav a.activeSlide {background:url(../images/generic/event_list_page_navOn.png) no-repeat left top; color:#FFF;}

.calendar-section {width:210px; margin-right:20px; height:230px; display:block; overflow:hidden; float:left;}

/* Listing Events Section Styles End */
