body{background: url(../Images/new/bg.jpg); font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#000; margin-right:auto; margin-left:auto; 
text-align: left; font-weight:normal; }

.div.contain{ width:500px; height:400px;  }


.xployt_logo{ 
    width:198px; 
    height:106px; 
    float:left; 
    display:block; 
    font-family:Arial; 
    color:#FFF; 
    font-size:13px; 
    font-weight:bold;
    margin:4px 5px 3px 5px;
    border:2px solid #FFF;
    text-align:center;
    }
    .xployt_logo_new{ 
    width:208px; 
    height:104px; 
    float:left; 
    display:block; 
    font-family:Arial; 
    color:#FFF; 
    font-size:13px; 
    font-weight:bold;
    margin:0px 8px 3px 0px;
    border:2px solid #FFF;
    text-align:center;
    }
.xployt_logo a{color:#FFF;}
.fav_logo{width:198px; height:106px; float:left; display:block;}
.download_hed 
{
    width:198px; 
    height:45px;
    padding:5px 0px  5px 0;
    background:#999; 
    float:left; 
    display:block; 
    font-family:Arial; 
    color:#FFF; 
    font-size:12px; 
    font-weight:bold;
    text-align:center;
    }
    .download_hed_new 
{
    width:208px; 
    height:23px;
    padding:0px 0px  0px 0;
    background:#999; 
    float:left; 
    display:block; 
    font-family:Arial; 
    color:#FFF; 
    font-size:12px; 
    font-weight:bold;
    text-align:center;
    }
.download_bot    
{
    width:198px; 
    height:170px;
    padding-top:10px;
    padding-left:10px; 
    float:left; 
    display:block; 

    font-size:13px; 
    font-weight:bold;
    text-align:left;}
.download    
{   width:188px; 
    height:10px;
    margin-bottom:10px; 
    float:left; 
    display:block;
    font-family:Arial; 
    color:#FFF; 
    font-size:13px; 
    font-weight:bold;
    text-align:left;}
.download a{ color:#FFF;}


div.MainContainer{ display:block;  width:980px; height:100%;margin-right:auto; margin-left:auto; background:#000;}
div.Upperheader{ display:block; float: left; width:980px; height:100%;}
img{border:0}
div.UpperheaderImage{height:184px;}
div.HeaderImage1{display:block; float: left; height:150px;width:126px; text-align:left}
div.HeaderImage2{display:block; float: left; height:110px;width:404px; padding-top:40px;}
div.HeaderImage3{display:block; float: left; height:150px;width:450px}
div.headerTopMenu{height:26px; border-top:solid 2px #fff;  border-bottom:solid 2px #fff; }
 
div.TopMenu{display:block; float: left;width:978px;height:26px; 
border-top:solid 2px #fff;  border-bottom:solid 2px #fff; background:#000; padding-left:2px }
div.TopMenu ul{list-style:none; margin:0; padding:0; cursor:pointer;}
div.TopMenu li{float: left;}
div.TopMenu li a {display:block; float:left; height:26px; width:121px;  background:url(../images/black_button.gif) no-repeat top center; color:#fff; text-align:center; padding: 6px 0 0 0 ; 
                    font-family:Arial; font-size:11px; font-weight:bold; text-decoration:none; }

div.TopMenu li a:visited {background: url(../images/black_button.gif) no-repeat top center; font-weight: bold; color:#fff;}
div.TopMenu li a:hover{background: url(../images/red_button.gif) no-repeat top center; color:#fff; font-size:11px; font-weight: bold;}
div.TopMenu li.current a{display:block; float:left;background: url(../images/red_button.gif) no-repeat top center; font-size:11px; font-family:Arial; font-weight:bold; text-decoration:none; color:#fff;}
div.TopMenu li.divider{float: left; width:1px; height:26px; background:#fff;}

div.middlemastercontainer{display:block; float: left; width:979px; height:100%; background-color:#000;}
div.leftlinks{display:block; float: left; width:203px; height:100%; 
border-top:solid 2px #000;  border-left:solid 2px #000; border-right:solid 2px #000;
	margin-bottom: 0px;
	margin-right: 0px;
}
.powered{ font-family:Arial; color:#252525; font-weight:bold; font-size:12px;}
.powered a { color:#252525;}
div.gallery{display:block;width:522px; height:520px; padding-left:130px; padding-right:50px;}

div.Logincontainer{ display:block; float: left; height:315px; width:980px; background:#e7e7e7;}
div.Flashbanner{display:block; float: left; width:492px; height:315px;}
div.greybuttons{display:block; float: left; width:485px; height:70px; padding:0 1px 0 1px}
div.greybuttons ul{list-style:none; margin:0; padding:0; cursor:pointer;}
div.greybuttons li{float: left;}
div.greybuttons li a {display:block; float:left; height:30px; width:121px;  background:url(../images/new/greyactive.jpg) no-repeat top center; color:#000; text-align:center; padding:  20px 0 20px 0 ; 
                    font-family:Arial; font-size:11px; font-weight:bold; text-decoration:none; }

div.greybuttons li a:visited {background: url(../images/new/greyactive.jpg) no-repeat top center; font-weight: bold; color:#000;}
div.greybuttons li a:hover{background: url(../images/l3.jpg) no-repeat top center; color:#000; font-size:11px; font-weight: bold;}
div.greybuttons li.current a{display:block; float:left;background: url(../images/new/greynactive.jpg) no-repeat top center; font-size:11px; font-family:Arial; font-weight:bold; text-decoration:none; color:#fff;}


div.midheads{ display:block;float: left; width:650px; height:21px;color:#ffffff; background:#000000; text-align:left; font-family: Verdana, Geneva, sans-serif; font-size:14px; padding-left:10px; font-weight:bold; padding-top:2px;  margin-bottom:5px}
div.heads{width:477px;}

div.midfirst{ display:block;float: left; width:80px; height:100%;padding-left:30px; margin-top: 0px;}
div.midfirst1{ display:block;float: left; width:150px; height:100%;padding-left:60px; margin-top: 0px;}
div.midfirstext{ display:block;float: left; width:220px; height:100%; padding-left:30px;}
div.midbox{ display:block;float: left; width:400px; height:100%;}
div.midbox1{ display:block;float: left; width:100px; height:100%;}
div.midssbox{ display:block;float: left; width:250px; height:100%;}
div.smallfname{ display:block;float: left; width:500px; height:100%; margin-bottom:20px;}

div.midboxext{ display:block;float: left; width:200px; height:100%;}

div.fname3{ display:block; float:left; width:750px; height:100%; margin-bottom:20px;}
div.subheading{ display:block;float: left; width:630px; height:100%; margin-bottom:20px; padding-left:20px;font-weight:bold; font-size:14px; padding-top:15px; padding-bottom:15px}
div.lastbut{ display:block;float: left; width:772px; height:27px; margin-bottom:10px; margin-top:10px; text-align:center;}
div.small{display:block; float: left; height:21px;width:50px; text-align:center;}
div.smallimage{display:block; float: left; height:500px;width:98px; text-align:center; background-color:#e7e7e7;}


div.rightcontainer{display:block; float: left; width:772px; height:100%; background-color:#e7e7e7;}
div.leftmenu {display:block; float:left; width:191px; background:#fff;  border-left:solid 4px #fff;border-right:solid 4px #fff;border-top: solid 2px #fff;border-bottom: solid 2px #fff;}

div.leftmenuscroll {display:block; float:left; width:193px; height:250px; background:#000;  border-left:solid 2px #fff;border-right:solid 4px #fff;border-top: solid 2px #fff; border-bottom: solid 4px #fff; font-size:12px; color:#fff;}
div.LPNavBox li a:visited {background: url(../images/Lmenuback.gif); font-weight: bold; color:#000;}
div.LPNavBox li a:hover{background: url(../images/Lmenuback_red.gif); color:#fff; font-size:11px; font-weight: bold;}
div.LPNavBox li.current a{background: url(../images/Lmenuback_red.gif) ; font-size:11px; font-family:Arial; font-weight:bold; text-decoration:none; color:#fff;}
div.LPNavBox ul{list-style:none; margin:0; padding:0; cursor:pointer;}
div.LPNavBox li{margin: 0 0 1px 0; color:#000;}
div.LPNavBox li a {display:block; height:15px; width:181px;  background:url(../images/Lmenuback.gif) ; color:#000; text-align:left; padding: 2px 0 0 10px; 
                    font-family:Arial; font-size:11px; font-weight:bold; text-decoration:none; line-height:12px; position:relative;}
                    
div.heading{display:block; float: left; width: 762px; height:23px; color:#ffffff; background:#000000; text-align:left; font-family: Verdana, Geneva, sans-serif; font-size:14px; padding-left:10px; font-weight:bold; padding-top:2px;}

.whitebuttons{color:#ffffff; text-align: center; font-family: Verdana, Geneva, sans-serif; font-size:14px; padding-bottom:3px; padding-top:3px; font-weight:bold;}
div.midrightcontainer{display:block; float: left; width:980px; height:100%; background-color:#e7e7e7;}

div.textboxes{display:block; float: left; width:487px; height:220px;}
div.right{display:block; float: left; width:487px; height:315px; border-left:solid 1px #FFF;}

div.midcont{ display:block; float: left; height:517px; width:763px;}
div.Nevents{ display:block; float: left; height:290px; width:378px; background:#e7e7e7; border:#000 solid 1px; overflow:hidden;}
div.xpimage{ display:block; float: left; height:517px; width:217px;}
div.interevents{ display:block; float: left; height:290px; width:378px; background:#e7e7e7; border:#000 solid 1px; overflow:hidden;}

div.bigbox{display:block; float: left;  width:650px; height:100%; border:solid 1px #000; margin-left:30px; margin-right:30px; margin-top:20px; margin-bottom:20px }
div.bigbox2{display:block; float: left;  width:650px; height:100%; border:solid 1px #000; margin-left:10px; margin-right:10px;margin-bottom:20px }
div.halfbox{display:block; float: left;  width:355px; height:400px; border:solid 1px #000; margin-left:5px; margin-right:5px; margin-top:20px; margin-bottom:20px }
div.halfmidbox{display:block; float: left;  width:355px; height:27px;  text-align:center;  }

div.bigbox3{display:block; float: left;  width:640px; height:100%; border:solid 1px #000; margin-left:30px; margin-right:30px; margin-top:20px; margin-bottom:20px }
div.midheads3{ display:block;float: left; width:630px; height:21px;color:#ffffff; background:#000000; text-align:left; font-family: Verdana, Geneva, sans-serif; font-size:14px; padding-left:10px; font-weight:bold; padding-top:2px;}
div.emessage3{ display:block;float: left; width:620px;color:red;font-size:14px; padding: 10px 10px 10px 10px; font-weight:bold; text-align:center;}

div.dtapic{display:block; float:left;  width:100px; height:98px; border:solid 1px #000; }

div.bottomContainer{display:block; float: left; width:980px; height:141px; }
div.bottomimage{display:block; float: left; width:980px; height:125px; border-top: solid 1px #fff ; }
div.footer{display:block; float: left;height:15px; font-size:9px; color: #000; border-top: solid 1px #000 ; width:960px; padding:0 10px 0 10px; background:#FFF;}
span.labelsnormal{ font-weight:bold;}
div.midheads{ display:block;float: left; width:640px; height:21px;color:#ffffff; background:#000000; text-align:left; font-family: Verdana, Geneva, sans-serif; font-size:14px; padding-left:10px; font-weight:bold; padding-top:2px;}
div.heads{width:477px;}
div.eventsheads{width:367px; border-top: solid 1px #e7e7e7;}
div.emessage{ display:block;float: left; width:748px;color:red;font-size:14px; padding: 10px 10px 10px 10px; font-weight:bold; text-align:center;}
div.smallemessage{ display:block;float: left; width:630px;color:red;font-size:14px; padding: 10px 10px 10px 10px; font-weight:bold; text-align:center;}
div.subrightcontainer1{display:block; float: left; width:768px; height:100%;}
div.subrightcontainer2{display:block; float: left; width:650px; height:100%;}


div.badabox{display:block; float: left;  width:650px; height:400px; overflow-y:scroll;}


div.smallrightcont{display:block; float: left; width:500px; height:100%;}
span.asterisk{ color:red}



/*Print card */

div.PrintleftContainer{display:block; float: left; width:568px; height:100%;}
div.PrintRightContainer{display:block; float: left; width:200px; height:100%; padding-top:50px}

div.Pfname{ display:block;float: left; width:568px; height:100%; padding-bottom:20px;}
div.Pfirst{ display:block;float: left; width:170px; height:100%; padding-left:140px;}
div.Pbox{ display:block;float: left; width:250px; height:100%;}

.fieldName{ width:200px;}


.card{ width:700px; height:600px; margin:auto;}

.card_front{width:500px; background:white; height:300px; margin:10px 100px 10px 100px; float:left; overflow:hidden; display:block;}
.card_top{ width:500px; text-align:center; height:95px; float:left;  display:block;}
.card_bottom{width:500px; height:180px; float:left;  display:block;}
.card_bot_left{width:380px; height:200px; float:left;  display:block;}
.card_bot_right{width:120px; height:180px; float:right;  display:block;}

.card_id_name{width:370px;  padding:15px 0 5px 10px;  float:left; overflow:hidden; display:block;}
.card_f{width:380px; padding-left:0px; height:80%; float:left; overflow:hidden; display:block;}
.card_f_left{width:55px; padding:5px 0 5px 10px; height:20px;  float:left; overflow:hidden; display:block;}
.card_f_right{width:310px; padding:5px 0 5px 0; height:20px; float:right; overflow:hidden; display:block;}

.card_f1_left{width:60px; padding:5px 0 5px 10px; height:10%;  float:left; overflow:hidden; display:block;}
.card_f1_right{width:305px;  padding:5px 0 5px 0px; height:10%; float:right; overflow:hidden; display:block;}

.card_f2_left{width:60px; padding:5px 0 5px 10px; height:25%;  float:left; overflow:hidden; display:block;}
.card_f2_right{width:305px;  padding:5px 0 5px 0px; height:25%; float:right; overflow:hidden; display:block;}


.card_img{ width:100px; height:100px; margin-top:20px; border:1px solid #333; float:left; overflow:hidden;}
.card_b_img{width:105px; text-align:center;  height:30px; float:left;margin-top:5px; overflow:hidden;}
.card_b_txt{width:105px; text-align:center; height:20px; float:left;margin-top:5px; overflow:hidden;}

.card_txt_a{ font-family:Arial; color: #06afdf;  font-size:17px; font-weight:bold;}
.card_txt_b{font-family:Arial; color:Black;  font-size:13px; font-weight:bold;}


.card_back{width:500px; background:white; height:300px; margin:10px 100px 10px 100px; float:left; overflow:hidden; display:block;}

.card_back_top{ width:500px; height:120px; margin-top:10px; float:left; overflow:hidden; display:block;}
.card_back_bot{width:500px; text-align:center; height:161px; float:left;  display:block; margin-bottom:9px;}
.card_back_left{width:380px; margin-left:20px; height:100px; float:left;  display:block;}
.card_back_right{width:100px; height:50px;  padding:35px 0 35px 0; float:right; overflow:hidden; display:block;}

.card_f_back{width:380px; padding-left:0px; height:110px; float:left; overflow:hidden; display:block;}