html
{
    text-align:center;
}
body
{
    font-family:Arial,Helvetica,sans-serif;
    color:#000;
    font-size:11px;
    margin:0;
    padding:0;
    text-align:center
}
form
{
    margin:0;
    padding:0
} 
input
{
    font-family:Arial,Helvetica,sans-serif;    
} 
p
{
    margin:12px 0 0 0;
    padding:0;
    font-size:11px; 
    text-align: justify;
} 
h2,h3,h4
{
    padding:0;
    margin:0
} 
h2
{
    padding-bottom:5px;
    font-size:20px
}
h3
{
    padding-bottom:5px;
    font-size:14px
} 
h4
{
    padding-bottom:5px;
    font-size:12px
} 
a
{
    color:#336699;
    text-decoration:none
} 
a:hover
{
    color:#336699;
    text-decoration:underline
} 
#backtop
{
    display:none
} 
.clear
{
    clear:both
} 
.hidden
{
    display:none
} 
.right
{
    float:right
} 
.left
{
    float:left
} 
.title
{
    font-size:13px;
    font-weight:bold
} 
.body {
    font-family: Geneva, Verdana, Arial, Helvetica;
    font-size:   10px;
    font-weight:normal;
    color:       #333333;
}
/* Start - Main Container */ 
#eyMainContainer
{
    margin:0 auto 0 auto;
    padding:0 auto 0 auto;
    width:975px;
    text-align:left; 
} 
/* End - Main Container */ 
/* Start - Top Nav Global*/ 

#eyBottomBar{margin: 5px 5px 2px 0;position:relative;font-size:10px;text-align:right; width:975px;} 
#eyTopBar{margin: 5px 5px 2px 0;position:relative;font-size:10px;text-align:right; width:975px;} 
#eyTopBar ul,#eyTopBar li{margin:0;padding:0} 
#eyTopBar li{list-style-type:none;display:inline; border-right:solid 1px #666;margin:0;padding:0 7px 0 5px;} 
#eyTopBar a{color:#336699;text-decoration:none;font-weight:bold} 
#eyTopBar a:hover{text-decoration:underline} 
#eyTopBar select
{
    font-size: 10px;
    margin-bottom:0px;
} 
#eyTopBar li.lastitem{border-right:0} 
/* End - Top Nav Global*/ 
/*Container holding main content*/ 
#eyContainer
{
    position: relative;
    clear: both;
    border: solid 1px #CCCCCC;
    width: 940px;
    min-height:600px;
    background-color:#ffffff;    
    padding:1px 10px 1px 10px;
} 
#eyHeader
{
    margin:0 0 0 20px;
    clear:both;
    background:#fff;
    height:60px;
    width:942px
} 
#eyHeaderLogoImage
{
    float:left; 
    padding-top:2px;
}
#eyHeaderTitle
{
    font-size: 20px;
    font-weight: bold;
    
    padding-top: 20px;
    width: 600px;
    text-align: right;
    float:left;
}
#eyMainInfoBar
{
    clear:both;
    background-image:url('Img/eyMainNav-bg.gif');
    background-repeat:no-repeat;
    margin:0px;
    height:25px;
    width:935px;
    font-size:11px;
    padding-left:1px;    
    
}
.cardbg {
    background-image: url('Img/mlszcard.gif');
    background-repeat: no-repeat;
    height : 100%;
    width : 100%;
}

#eyHeaderSubPages
{
    background-position: center top;
    margin: 0 0 0 20px;
    clear: both;
    height: 60px;
    width: 942px;
    background-image: url('Img/BannerDevice_VID.jpg');
    background-repeat: no-repeat;
} 
#eyHeaderSubPages img{float:left;margin-top:2px}
#eyDefaultInfobar
{
    text-align:center
}

.modalSavePopup
{   
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:450px;
	background-color:#ffffff;
	position:absolute !important;
    text-align: center;
}
.modalSavePopup4
{   
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:600px;    
	background-color:#ffffff;
	position:absolute !important;
    text-align: center;  
}
.modalSavePopup3
{   
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:520px;    
	background-color:#ffffff;
	position:absolute !important;
    text-align: center;  
}
.modalSavePopup2
{   
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:900px;
	background-color:#ffffff;
	position:absolute !important;
}
.modalSavePopup1
{   
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:400px;
	background-color:#ffffff;
	position:absolute !important;
}
.modalPopupLoading
{   
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:400px;
	background-color:White;
}
.modalDragPanelAdmin
{
    border: gray 1px solid; 
    color: #FFFFFF; 
    
    background-color: #87888A;
    font-size:15px;
    font-weight:bold;
    padding-bottom:10px;
}
.modalDragPanel
{
    border-right: gray 1px solid; 
    border-top: gray 1px solid;
    border-left: gray 1px solid;     
    color: black; 
    border-bottom: gray 1px solid;
    background-color: #dddddd;
    font-size:15px;
    font-weight:bold;
    padding-bottom:10px;
    
}
.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalBackground1
{
	background-color:Gray;
	filter:alpha(opacity=30);
	opacity:0.3;
}

.modalSavePopupLock
{   
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:300px;
	background-color:#FFFFFF;
}
#eyTopBar{margin: 5px 5px 2px 0;position:relative;font-size:10px;text-align:right; width:975px;} 
#eyTopBar ul,#eyTopBar li{margin:0;padding:0} 
#eyTopBar li{list-style-type:none;display:inline; border-right:solid 1px #666;margin:0;padding:0 7px 0 5px;} 
#eyTopBar a{color:#336699;text-decoration:none;font-weight:bold} 
#eyTopBar a:hover{text-decoration:underline} 
#eyTopBar select
{
    font-size: 10px;
    margin-bottom:0px;
} 
#eyTopBar li.lastitem{border-right:0} 

.globalFrame
{
    padding-bottom:10px;    
    background: #D4680E;       
    font-size: 12px;
    font-weight: normal; 
    width:980px;                      
} 
.TipsContent
{
    position: relative;
    clear: both;
    border: solid 1px #CCCCCC;
    width: 145px;
    text-align:justify;
    background-color:#ffffff;    
    padding:1px 10px 1px 10px;
} 
.TipsContent1
{
    position: relative;
    clear: both;
    border: solid 1px #CCCCCC;
    width: 145px;
    text-align:center;
    background-color:#ffffff;    
    padding:1px 10px 1px 10px;
}
.TipsFrame
{
    background: #f0f0f0;       
    font-size: 10px;
    font-weight: normal; 
    width:170px;          
    padding-left:5px;    
} 
.eyRightGrayBoxAlert
{
    background: #f5f4f4;
    color:Red;
    margin: 0px 0px 6px 0px;
    padding: 5px;
    border: 1px solid #999;
    font-size: 12px;
    font-weight: normal;
    width: 280px;
} 
.eyRightGrayBox
{
    background: #f5f4f4;
    margin: 0px 0px 6px 0px;
    padding: 5px;
    border: 1px solid #999;
    font-size: 12px;
    font-weight: normal;
    width: 280px;
}
.eyRightGrayBoxReg {
    background: #f5f4f4;
    margin: 0px 0px 6px 0px;
    padding: 5px;
    border: 1px solid #999;
    font-size: 12px;
    font-weight: normal;    
} 
.logincontroldiv
{
    background: #f5f4f4;
    margin: 0px 0px 6px 0px;
    padding: 5px;
    border: 1px solid #999;
    font-size: 12px;
    font-weight: normal;
    width: 240px;
} 
.registerdiv
{
    background: #f5f4f4;
    margin: 0px 0px 6px 0px;
    padding: 5px;
    border: 1px solid #999;
    font-size: 12px;
    font-weight: normal;        
    width:100px;
    text-align:center;
}
.registerdiv a 
{
    text-decoration:underline;
}
.definput
{
    border:solid 1px #999;
    font-size:11px;
}
.eyRightGrayBox H3{padding-bottom:10px} 
.eyologinrow{width:270px;} 
.eyLoginLabel{font-size:11px;font-weight:bold;} 
.eyLoginInput{float:right; text-align:left; width:170px;} 
.eyLoginInput input{height:15px;width:140px;border:solid 1px #999}
.eyLoginInput select{border:solid 1px #999}
#eyLoginButton{float:right}
#eydefframe
{
    text-align: left;
    margin: 0 20px 0 20px;
    padding-left: 1px;
    font-size: 10px;
    width:inherit;
}
.eydefpagemenu
{
    
    vertical-align:top;   
 /*   float:left;*/
}
.eydefpagemenu ul
{
    margin-left: 0px;
    padding-left:15px;

}
.eydefpagemenu li 
{
    padding:3px;
}


.divdefmenus
{
    width:500px;
    /*float:left;*/
    padding:0 7px 0 7px;
}

.eyologinrowinfo
{
    margin: 10px;
    background-color: #FFFFFF;
    border: solid 1px;
    padding: 5px;
    text-align: justify;
    font-size:10px;
}
.licmenuframe 
{
    border:1px solid #000;
    width:150px;
    height:94px;
}
.inf_btn
{
    height:18px;
    margin:0px;
    padding:0px;
    font-size:7pt;
}
.orderslistitem,.searchresultitem
{
    padding:3px;
    font-size:10pt;        
    cursor:pointer;
}
.orderslistspecitem
{
    padding:3px;
    font-size:14pt;
    cursor:pointer;        
}
.demand_ul
{
    margin-top:0px;
    padding-bottom:0px;
    margin-bottom:0px;
    font-size:11px; 
    font-weight:normal;
}
.demand_ul li 
{
    padding-bottom:3px;
}
.defTable td, th
{
    border:1px solid #999;
}
.leftmenuS
{
   padding:0;margin:0px 0 0 0px;border-bottom:2px solid #999;float:left;border-right:1px solid #999;border-left:1px solid #999;background:#fff 
}
.leftmenuS li
{
    width:170px;
    list-style:none;
    height:24px;
    /*float:left;/*For IE 7 lack of compliance*/ 
    display:block !important;
    clear:both;
    /*display:inline;/*For IE*/
    margin:0;
    border-top:1px solid #999;
    text-align:left;
    font-weight: normal;    
}
.leftmenuS li a{padding:5px 6px;float:none !important;/*For Opera*/ float:left;/*For IE*/ display:block;color:#000;text-decoration:none;height:auto !important;height:1%;/*For IE*/ border-right:1px solid #fff;border-left:1px solid #fff;width:160px;}
.leftmenuS li a:hover{background:#ccc}
.leftmenuS a:hover,.leftmenuS li:hover a,.leftmenuS li.iehover a{color:#000}
.ddStyle
{
    font-size:11px;
}
/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    width:400px;
}
.accordionHeaderJkv
{
    border: 1px solid #2F4F4F;    
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    width:570px;
}
.accordionHeaderReg
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    /*width:100%;*/
}
.accordionHeader1
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    width:500px;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;    
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}
.accordionContent1
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    width:500px;
    padding-top: 10px;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    width:400px;
    padding-top: 10px;
}
.accordionContentJkv
{    
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    width:570px;
    padding-top: 10px;
}
.divSwapHead{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #646261;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    width: 730px;
    cursor:pointer;
}
.divProfileHead{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #646261;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;    
    width:400px;
    cursor:pointer;
}
.divCourseDetails {
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;    
    padding-top: 10px;
}
.divCourseHead{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #646261;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;        
    cursor:pointer;
}
.divProfileHead1{
    border: 1px solid #2F4F4F;
    color: #646261;
    background-color: White;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;    
    width:400px;
    cursor:pointer;
}
.divProfileDetails{
    
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    width:400px;
    padding-top: 10px;
}
.divSwapDetails{
    
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    width:730px;
    padding-top: 10px;
}

.paProfileConvInfo{
    width:390px;
    border:1px solid Red;
    background-color:White;
    padding:5px;    
}
.cstatementred {
    padding: 5px;
    border: 3px red solid;
}
.cstatementgreen {
    padding: 5px;
    border: 3px green solid;
}
.cstatementorange {
    padding: 5px;
    border: 3px orange solid;
}
.libtabstyle {
    text-decoration: none;
    margin-left: -4px;
}
.cookie-bar a {
    color: white;
}

.cookie-bar {
    overflow: hidden;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.8);
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 20px;
    z-index: 11;
}
.cdiv {
    margin: 0 auto;
    width: 850px;
}