JW/EMISOnline/EMISOnline.Web/Content/Site.css

body
{
font-size: 85%;
font-family: Verdana, Tahoma, Arial, "Helvetica Neue" , Helvetica, Sans-Serif;
color: #232323;
background-color:#F9F9F9; 
line-height:30px;
}
ul
{
    list-style: none;
    padding: 0px;
    margin: 0px;

}
img
{
    border-style: none;
    padding: 0px;
    margin: 0px;
}

a:link,
a:visited
{
    text-decoration: none;
    color: #404040
    }

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset
{
border: 1px solid #ddd;
padding: 0 1.4em 1.4em 1.4em;
margin: 0 0 1.5em 0;
}

legend
{
font-size: 1.2em;
font-weight: bold;
}

textarea
{
min-height: 75px;
}

.editor-label
{
margin: 1em 0 0 0;
}

.editor-field
{
margin: 0.5em 0 0 0;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
color: #ff0000;
}

.field-validation-valid
{
display: none;
}

.input-validation-error
{
border: 1px solid #ff0000;
background-color: #ffeeee;
}

.validation-summary-errors
{
font-weight: bold;
color: #ff0000;
}

.validation-summary-valid
{
display: none;
}

.fleft
{
float: left;
}
.fright
{
float: right;
}
/* Clear Fix */

.clearfix:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix
{
display: inline-block;
}
/* Hide from IE Mac */
.clearfix
{
display: block;
}
/* End hide from IE Mac */
/* end of clearfix */

.CurrentInformation
{
position: absolute;
left: 350px;
top: 110px;
z-index: 2;
color: #fff;
}

.current_navbar
{
    margin: 0px;
    height: 30px;
    /*line-height: 30px;*/
    text-align: right;
    /*background-color: #1CABD7;*/
    background-color:#F9F9F9;
}
.current_navbar .nav_info
{
    float: left;
    height: 30px;
    color: #fff;
}
.current_navbar .nav_info img
{
vertical-align: middle;
margin-left: 5px;
}
.current_navbar .nav_info a
{
    color: #fff;
    vertical-align: middle;
    text-decoration: none;
}
.current_navbar .nav_info a:hover
{
    color: #1A7BC9;
}

.position_title
{
    margin-left:5px;
    margin-right:5px;
    background-color: #F9F9F9;
    color: #333;
    line-height: 50px;
    height: 50px;
}
.position_content
{
    margin-left:5px;
}
.toolbar
{
    background-color:#F9F9F9;
}
.current_navbar .func_info
{
    float: right;
    margin-right: 15px;
    height: 30px;    
}
.current_navbar .func_info input
{
    border: 1px solid #1A7BC9;
    margin-left: 5px;
}

.search_keyword
{
    /*margin: 5px 15px 0px 15px;
    min-height: 80px;
    background-color:#e8f7fb;
    -moz-border-radius:5px;
    border-radius: 5px;
    box-shadow: 3px 3px 10px #1A7BC9;*/
    margin: 2px 5px 0px 5px; 
    /*min-height: 40px;*/
  background-color:#F9F9F9;
	/*-moz-border-radius:1px; 
	-webkit-border-radius:1px; 
	background-color:#e8f7fb;
	-moz-box-shadow:3px 3px 10px #1A7BC9; 
	-webkit-box-shadow:3px 3px 10px #1A7BC9; 
	box-shadow:3px 3px 10px #1A7BC9; */   
}


.search_list
{
    /*margin: 5px 15px 0px 15px;
    min-height: 80px;
    background-color:#e8f7fb;
    border-radius: 5px;
    box-shadow: 3px 3px 10px #1A7BC9;*/
    height:auto;
    margin: 5px 5px 0px 5px;     
}

.p_title
{
    /*margin: 8px 15px 0px 15px;
    min-height: 30px;
    border-radius: 1px;
    background-color:#79cdea;
    box-shadow: 1px 1px 2px #1A7BC9;*/
    min-height: 30px;
    line-height: 30px;
    margin: 5px 5px 0px 0px; 
	background-color:#F9F9F9;
	color: #333;
}

.p_SearchTitle
{
    height: 1px;
    margin: 0px 5px 0px 5px; 
	font-size: 12px;
	color: White;
    background: #0081c2 url('Bowin.Control.Core/themes/metro-blue/images/panelheader.png') no-repeat 0px -20px;
	/*-moz-border-radius:6px; 
	-webkit-border-radius:6px; 
	border-radius:6px; 
	background-color:#cccccc;
	-moz-box-shadow:0px 4px 5px #d4d4d4; 
	-webkit-box-shadow:0px 4px 5px #d4d4d4; 
	box-shadow:0px 4px 5px #d4d4d4;
	font-size: 16px;
	/*behavior: url(PIE.htc);*/
}
.p_SearchTitle div
{
    display: none;
    }


.one
{
    min-height: 40px;
}
.second
{
    min-height: 80px;
}
.third
{
    min-height: 110px;
}
.search_keyword .search_input
{
    width: 100%;
    position: relative;
    display: inline-block;
    background-color:#F9F9F9;
    margin-top:8px;
}
.search_keyword .search_input ul
{
    list-style: none;
    line-height: 30px;
    width: 100%;
    float: left;
    margin: 0;
}
.search_keyword .search_input ul li.sn
{
    /*width: 13%;*/
    display: inline-block;
    text-align: right;
    color:#000;
    float: left;
}
.search_keyword .search_input ul li.sv
{
    /*width: 20%;*/
    display: inline-block;
    float: left;
    text-align: left; 
    margin-right:20px;
}
.search_keyword .search_button_one
{
    float: left;
    margin: 7px;
}
.search_keyword .search_button_one a
{
    border-radius: 5px;
    box-shadow: 3px 3px 8px #1A7BC9;
}
.search_keyword .search_button_second
{
float: left;
margin: 27px;
}
.search_keyword .search_button_second a
{
border-radius: 5px;
box-shadow: 3px 3px 8px #1A7BC9;
}
.search_keyword .search_button_third
{
    float: left;
    margin: 43px;
}
.search_keyword .search_button_third a
{
    border-radius: 5px;
    box-shadow: 3px 3px 8px #1A7BC9;
}

.box_class
{
    margin: 10px auto;
}
.box_class ul
{
height: 20px;
line-height: 20px;
}
.box_class ul li.li_o_l
{
width: 21%;
float: left;
text-align: right;
}
.box_class ul li.li_o_r
{
float: left;
height: 20px;
}
.box_class ul li.li_o_r .combo input {
vertical-align: top;
}
.box_class ul li.li_o_r textarea
{
font-size:13px;
padding-left:2px;
}
.box_class ul li.li_s_l
{
width: 21%;
float: left;
text-align: right;
}
.box_class ul li.li_s_r
{
width: 29%;
float: left;
height: 20px;
}
.box_class ul li.li_s_r .combo input {
vertical-align: top;
}
.box_class ul li.li_t_l
{
width: 15%;
float: left;
text-align: right;
}
.box_class ul li.li_t_r
{
width: 18%;
float: left;
height: 20px;
}
.box_class ul li.li_t_r .combo input {
vertical-align: top;
}

.toolbar
{
/*background: linear-gradient(#B8F3F9, #50B7E2);
width: 100%;
height: 34px;
text-align: right;
vertical-align: bottom;*/
}

.backend-video-border
{
border: 1px solid #88d4e2;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
behavior: url(../Scripts/plugins/pie/PIE.htc);
}


/*Peter Add on 2014.05.29 for validataion*/
.poptip {
    position: absolute;
    top: 20px;
    left:20px;
    padding: 6px 10px 5px;
    *padding: 7px 10px 4px;
    line-height: 16px;
    color: #DB7C22;
    font-size: 12px;
    background-color: #FFFCEF;
    border: solid 1px #FFBB76;
    border-radius: 2px;
    box-shadow: 0 0 3px #ddd;
}
.poptip-arrow {
    position: absolute;
    overflow: hidden;
    font-style: normal;
    font-family: simsun;
    font-size: 12px;
    text-shadow:0 0 2px #ccc;
}
.poptip-arrow em,.poptip-arrow i {
    position: absolute;
    left:0;top:0;
    font-style: normal;
}
.poptip-arrow em {
    color: #FFBB76;
}
.poptip-arrow i {
    color: #FFFCEF;
    text-shadow:none;
}
.poptip-arrow-top,.poptip-arrow-bottom {
    height: 6px;
    width: 12px;
    left:12px;
    margin-left:-6px;
}
.poptip-arrow-left,.poptip-arrow-right {
    height: 12px;
    width: 6px;
    top: 12px;
    margin-top:-6px;
}
  
.poptip-arrow-top {
    top: -6px;
}
.poptip-arrow-top em {
    top: -1px;
}
.poptip-arrow-top i{
    top: 0px;
}
  
.poptip-arrow-bottom {
    bottom: -6px;
}
.poptip-arrow-bottom em {
    top: -8px;
}
.poptip-arrow-bottom i {
    top: -9px;
}
  
.poptip-arrow-left {
    left:-6px;
}
.poptip-arrow-left em {
    left:1px;
}
.poptip-arrow-left i {
    left:2px;
}
  
.poptip-arrow-right {
    right:-6px;
}
.poptip-arrow-right em {
    left:-6px;
}
.poptip-arrow-right i {
    left:-7px;
}
    
.hide {display:none;}

.table_peter{
	background-color:rgb(43,160,200);
	width:100%;
}
		
.table_peter tr{
	height:30px;
	line-height:30px;
}
		
.table_peter tr th{
	height: 30px;
	line-height:30px;
	width: 10%;
	text-align: right;
	font-weight: normal;
	background-color: #e2e8f4;
}
		
.table_peter tr td{
	width: 40%;
	padding-left: 5px; 
	background-color: #e9effa;
}

.xpanel_head
{
    height:0px; 
    background-color:#F5F5F5;
    display: block;
    line-height: 32px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.popupWindowContent
{
    position:relative;
    height: auto;
    overflow: auto;
    left: 0px;
    right: 0px;
    top: 10px;
    bottom: 0px;
 }
.popupWindowContent>table
{
    width: 100%;
    border: 0px;
    jerry:expression(cellSpacing="1");
    border-spacing: 1px;
    background-color: #D6D6D6;
    table-layout: fixed;
}
.noPopupContent>table
{
    height:auto;
    margin: 5px 5px 0px 5px;
    width: 100%;
    border: 0px;
    jerry:expression(cellSpacing="1");
    border-spacing: 1px;
    background-color: #D6D6D6;
}
.formTdClass
{
    background-color: #F9F9F9;
    padding: 2px;
    line-height: 15px;
    height: 22px;
}

.labelClass
{
    font-size: 12px;
    background-color: #F9F9F9;
    font-weight: normal;
    text-align: right;
    padding-left: 5px; 
    line-height: 35px;
    white-space: nowrap;
    width: 15%;
}
#Coursematerialtable th
{
    text-align:right;  
}
#Coursematerialtable  td
{
    text-align:left;
    background-color:#fff;
}

.window-body>div>div 
{
    overflow: hidden;
    }
.window-body>div>div>iframe
{
    width: 100%;
    height: 100%;
    }
/*end*/

.m_stumain_panel
{
    color:#999;
    background-color:#F9F9F9;
}
.m_stumain_panel_t1
{
    font-size:14px; font-weight:bold; color:#666;
}
.m_stumain_panel_t2
{
    font-size:14px; font-weight:bold; color:#FF6600;
}
.m_stumain_panel_t3
{
    font-weight:bold; color:#666;
}
.m_stumain_panel_t4
{
    font-size:18px; font-weight:bold; color:#666;
}
.m_btn_blue
{
    background-color:#188EEE;
    color:White;
    text-align:center;
    vertical-align:middle;
    line-height:35px;
    cursor:pointer;
}
.m_btn_green
{
    background-color:#64BE20;
    color:White;
    text-align:center;
    vertical-align:middle;
    line-height:35px;
    cursor:pointer;
}
.m_btn_red
{
    background-color:#FF0000;
    color:White;
    text-align:center;
    vertical-align:middle;
    line-height:35px;
    cursor:pointer;
}

.practice-container
{
     height: 375px;
    background-image: url(image/practice-bg.jpg);
    background-repeat:no-repeat;
}
.practice-tip
{ 
    margin-right:10px;
    margin-top:12px; 
}
.practice-tip .num{
    color:#1C1C1C;
    font-weight:bold;
}
.practice-tip a
{
    text-decoration:blink;
    color:#404040;
    font-weight:bold;
}
.question-type
{
    text-align:center;
    font-weight:bold;
     color:#404040;
     padding:10px 0px;
     font-size:14px;
     width:100%;
     clear:both;
}
.practice-contont
{
    padding:10px 0px;
    line-height:35px;
}
.practice-contont .num
{
    color:Red;
}
.question-answer
{
    line-height:20px;
}
.practice-button
{
    text-align:center;
    width:100%;
}
#rightAnswerContainer
{
    font-weight:bold;
    margin:10px 0px;
    padding:5px 0px;
    display:none;
    width:100%;
    background-color:rgb(255, 248, 231);
}