JW/EMIS.Web/Content/Site.css

body
{font-size: 75%;font-family: Verdana, Tahoma, Arial, "Helvetica Neue" , Helvetica, Sans-Serif;color: #232323;}
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:#f0f0f0;
}
.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
{
	min-width:1024px;
    margin-left:2px;
    margin-right:5px;
    background-color: #F0F0F0;
    color: #333;
    line-height: 20px;
    height: 20px;
}
.popupWindowBody .position_title
{
	min-width:0px;
    margin-left:5px;
    margin-right:5px;
    background-color: #F0F0F0;
    color: #333;
    line-height: 30px;
    height: 30px;
}
.position_content
{
	min-width:1024px;
    margin-left:15px;
}
.popupWindowBody .position_content
{
	min-width:0px;
    margin-left:15px;
}
.toolbar
{
    background-color:#F0F0F0;
}
.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 2px; 
    /*min-height: 40px;*/
    background-color: #eeeeee;
    min-width:1024px;
	/*-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; */   
}
.popupWindowBody .search_keyword
{
    min-width:0px;
    margin: 2px 5px 0px 5px;
    background-color: #eeeeee;
}

.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: 2px 5px 0px 2px;     
    min-width:1024px;
}

.popupWindowBody .search_list
{   
    min-width:0px;
}

.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;
    min-width:1024px;
    line-height: 30px;
    margin: 2px 5px 0px 2px; 
	background-color:#f0f0f0;
	color: #434343;
}

.popupWindowBody .p_title
{   
    min-width:0px;
}

.p_SearchTitle
{
	min-width:1024px;
    height: 0px;
    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);*/
}
.popupWindowBody .p_SearchTitle
{
	min-width:0px;
    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;
}
.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;
    
}
.search_keyword .search_input ul
{
    list-style: none;
    line-height: 26px;
    width: 100%;
    min-width:1024px;
    float: left;
    margin: 0;
}
.popupWindowBody .search_keyword .search_input ul
{
    list-style: none;
    line-height: 25px;
    width: 100%;
    min-width:0px;
    float: left;
    margin: 0;
}
.search_keyword .search_input ul li.sn
{
    width:80px;
    display: inline-block;
    text-align: right;
    color:#000;
    float: left;
}
.popupWindowBody .search_keyword .search_input ul li.sn
{
    width:auto;
    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;
}
.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: absolute;
    height: auto;
    overflow: auto;
    left: 0px;
    right: 0px;
    top: 35px;
    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;
}
.normalContent>table
{
    height:auto;
    margin: 5px 5px 0px 5px;
    width: 100%;
    border: 0px;
    jerry:expression(cellSpacing="1");
    border-spacing: 1px;
    background-color: #D6D6D6;
}
.normalContent .labelClass
{
    font-size: 12px;
    background-color: #F0F0F0;
    font-weight: normal;
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 24px;
    white-space: nowrap;
    width: 100px;
}
.formTdClass
{
    background-color: #ffffff;
    padding: 2px;
    line-height: 15px;
    height: 22px;
}

.labelClass
{
    font-size: 12px;
    background-color: #F0F0F0;
    font-weight: normal;
    text-align: right;
    padding-left: 5px;
    padding-right: 0px;
    line-height: 15px;
    white-space: nowrap;
    width: 15%;
}

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

#BatchModifydiv .search_input .sn
{
    width:auto;
}

INPUT[type=text] 
{
    font-size: 12px;
}

.row_selected 
{
    background-color: #BEBEBE!important;
}
/*end*/