body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}q:before,q:after{content:'';}
body {}table {font-size:1em;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;font-size:100%;}body * {line-height:1.22em;}

* {	padding: 0;	margin: 0; font-family:Helvetica,"Lucida Grande",Verdana,Arial,sans-serif; }


body {min-width: 245px; background-color: #EEE; margin: 0 auto; color: Black; padding: 0; font-size: 16px; -webkit-user-select: none; -webkit-text-size-adjust: none;}
a { color: Black; text-decoration: none; }
p { margin: 0 0 0.4em; }

body > form > p { margin-left: 10px; margin-right: 10px; }
		
.pos { color: rgb(60, 120, 54); }
.neg { color: rgb(164, 0, 0); }
		
/* headers */
#li_logo a
{
    width:auto;
    height:28px;
    display:block;
}
#header,#iphone_header { height: 42px; width: 100%; border-top: 1px solid #187BBC; border-bottom: 1px solid #0B3D5B; background: -webkit-gradient(linear, left top, left bottom, from(#567489), color-stop(0.49, #123651), color-stop(0.50, #123651), to(#021c30)) no-repeat; background-color: #002642; }
#header .logo { display: block; background: url(../images/logo.png) no-repeat 8px 8px; margin: 0 auto; padding: 8px; width: 137px; height: 25px; text-indent: -9999px; }

.sub-header { border-top: 1px solid #C9D4DD; border-bottom: 1px solid #76848f; background: -webkit-gradient(linear, left top, left bottom, from(#B3BDC6), to(#BEC8D1)) no-repeat; background-color: #B3BDC6; padding: 0 8px; margin: 0; text-align: center; line-height: 28px; font-size: 0.9em; text-shadow: White 0 1px 1px;}
.head-divd {padding-left:8px; margin:0;  text-align:left; font-size:0.8em; color:#fff; line-height:21px; border-top:1px solid #a1acbc; border-bottom:#8d9aae solid 1px; text-shadow:#48566c 0 1px 1px; background: -webkit-gradient(linear, left top, left bottom, from(#8c99ad), color-stop(0.49, #a5b0bf), color-stop(0.50, #a5b0bf), to(#b5beca)) no-repeat; background-color:#8c99ad;}
    

a.ui-btn-back, .ui-btn-back input, .ui-btn-logout { position: absolute; cursor: pointer; top: 8px; left: 10px; background: none; border: none;
	line-height: 30px; font-weight: bold; font-size: 0.75em; color: #fff; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0; }
.ui-btn-logout { right: 8px; left: auto; }

h1, h2, h3 { font-weight: bold; font-size: 1em; color: rgb(76, 76, 76); margin: 14px 18px 6px; }
h3 { font-size: 0.94em; }
#footer { text-align: center; font-size: 0.88em; color: rgb(76, 86, 108); margin: 17px 10px; }	

/***************************************************************/
/** Sexy Lists												  **/
/***************************************************************/
.ui-list { border: 1px solid #B4B4B4; margin: 15px 10px 17px; padding: 0; -webkit-border-radius: 8px; -moz-border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; -moz-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; }
.ui-list > li { position: relative; border-top: 1px solid #B4B4B4; list-style-type: none; list-style-position: inside; padding: 10px; margin: 0; overflow: hidden; background-color: White; }

.ui-list > li:first-child { border-top: 0; -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px;
	-webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; }
.ui-list > li:last-child { -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; }

h1 + .ui-list, h2 + .ui-list, h3 + .ui-list { margin-top: 1; }


/***************************************************************/
/** Wide Lists												  **/
/***************************************************************/
.ui-wide { background: white; border-bottom: 1px solid #B4B4B4; margin-bottom: 17px; -webkit-box-shadow: rgba(0,0,0,.3) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,.3) 0px 1px 3px; }
.ui-wide .ui-list { border-width: 0; margin: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; }
.ui-wide .ui-list > li { -webkit-border-radius: 0; -moz-border-radius: 0; }
.ui-wide h2 { font-size: 0.88em; line-height: 1.43em; margin: 0; background: -webkit-gradient(linear, left top, left bottom, from(#A5B1BA), color-stop(0.05, #909FAA), to(#B8C1C8)) no-repeat; background-color: #A4B0B9; border-top: 1px solid #717D85; border-bottom: 1px solid #989EA4; color: white; padding: 0 10px 0 20px; text-shadow: rgb(102, 102, 102) 0px 1px; }

/***************************************************************/
/** Horizontal lists										  **/
/***************************************************************/
.ui-list.horizontal { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.ui-list.horizontal:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.ui-list.horizontal li { float: right; width: 47%; border: 1px solid #B4B4B4; box-sizing: border-box; -webkit-border-radius: 8px; -moz-border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; -moz-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; }
.ui-list.horizontal li:first-child { float: left; }

/***************************************************************/
/** Buttons and links										  **/
/***************************************************************/
ul.ui-list > li.ui-btn { padding: 0; }
li.ui-btn:hover { color: White; background-color: #0274EE; }
li.ui-btn input.btn { display: block; cursor: pointer; padding: 0 10px; line-height: 37px; height: 37px; font-size: 1em; font-weight: bold; -webkit-tap-highlight-color: rgba(0,0,0,0); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
li.ui-btn:hover > a, li.ui-btn:hover input.btn, li.ui-btn:hover span, li.ui-btn:hover strong, .ui-list li.ui-btn:hover small, .ui-list li.ui-btn:hover em{ color: White; }
li.ui-btn input.btn { background: none; border: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
li.ui-btn > a { display: block; background: url(../img/chevron.png) no-repeat right 50%; padding: 10px 30px 10px 10px; line-height: 1em; font-size:0.9em; }

/***************************************************************/
/** List utility classes                                      **/
/***************************************************************/
.ui-list a, .ui-list strong { font-weight: bold; display: block; }
.ui-list li.news-item a{ font-weight:normal !important; font-size:0.9em;}
.ui-list small, .ui-list em { display: block; color: rgb(102, 102, 102); font-size: 0.88em; font-weight: normal; margin-top: 4px; font-style: normal; }
.ui-list strong em { display: inline; margin: 0; }
.ui-list .ui-right { float:right; margin-top: -1em; text-align: right; }
.ui-list .ui-right-top, .ui-list .ui-right-center { position: absolute; text-align: right; right: 10px; top: 10px; }
.ui-list .ui-right-center { top: 50%; margin-top: -0.5em; }
.ui-list .ui-btn .ui-right-center, .ui-list .ui-btn .ui-right-top { right: 24px; }
.ui-list .ui-no-data { color: rgb(102, 102, 102); font-size: 0.88em; font-weight: normal; text-align: center; padding: 20px; }

.ui-25, .ui-30, .ui-40, .ui-50, .ui-60, .ui-70, .ui-75, .ui-100 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ui-25 { width: 25%; }
.ui-30 { width: 30%; }
.ui-40 { width: 40%; }
.ui-50 { width: 50%; }
.ui-60 { width: 60%; }
.ui-70 { width: 70%; }
.ui-75 { width: 75%; }

/***************************************************************/
/** Forms                                                     **/
/***************************************************************/
input[type=text], input[type=password], textarea{-webkit-appearance: textarea; margin: -1px 0; padding: 0; border: none; font-size: 1em; height: 19px; display: inline-block; width: 100%; color: #435D8E;}
select{ display:inline-block; width:21%; float:left; margin-right:3px; margin-top:5px; }

label { display: inline-block; font-weight: bold; line-height: 17px; width: 50%; margin: 0; padding: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
label + input[type=text], label + input[type=password], label + select, label + textarea { width: 49%; }

.ui-list > li.ui-f-cmb { padding: 0; }
.ui-f-cmb select { -webkit-appearance: textfield; padding: 10px; height: auto; }
.ui-f-cmb small { margin: 0; padding: 0 10px 10px; }

.ui-check { background: url(../img/check.png) no-repeat right 50%; }

/***************************************************************/
/** Validation boxes										  **/
/***************************************************************/
.box-m { border-bottom: Black solid 1px; padding: 10px; font-size: 0.88em; }
.box-m h2 { padding: 0 0 5px 0; margin: 0; }
.box-m li { margin: 0px 0px 2px 21px; list-style-type: disc; list-style-position: outside; }
.box-m .errorlink { margin: 0; }
.box-m .errorlink a { color: #003053; font-size: 0.93em; }
.box-m span.errornumber { font-size: 0.93em; }

.box-w-m { border-bottom-color: rgb(238, 238, 177); background: rgb(255, 255, 213) url(../../Default/img/Icons/50x50/info_red.png) no-repeat 10px 50%; padding-left: 70px; }
.box-w-m h2 { color: rgb(190, 0, 0); }

.box-i-m { border:solid 1px #d4e5f2; background: #e4f0f9 url(../images/info_blue.png) no-repeat 10px 50%; padding-left: 70px; }

.box-c-m { border-bottom-color: #d4e5f2; background: #e5f9e4 url(../../Default/img/Icons/50x50/info_green.png) no-repeat 10px 50%; padding-left: 70px; }
.box-c-m h2 { color: #005323; }

.vld-trigger { background: #FFFFA6 url(../../img/forms/validator/bg_box_icon.gif) no-repeat scroll 100% 50% !important; margin: -10px; padding: 10px; }
ul.ui-list li:first-child .vld-trigger { border-top: 0; -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; }
ul.ui-list li:last-child .vld-trigger { -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; }

/* Hide all inline validation messages */
.vld-msg-wrapper { display: none; }
.vld-msg-wrapper-error, .vld-msg-wrapper-error .msg-content { display: none; }

/***************************************************************/
/** Html Styles, Not used at the moment						  **/
/***************************************************************/
.ui-html li { margin: 0px 0px 3px 21px; list-style-type: disc; list-style-position: outside; }
.ui-smaller-font { font-size: 0.88em; }

/*************Table*********************/
table {width:100%; margin:0 0 0 0; }
	table thead{background-color:#e5e9ec;}
		table thead tr{background-color:#303030; line-height:24px; font-size:0.7em;}
	table thead tr th {color:#303030; font-weight:bold; border-bottom:none; border-top:solid 1px #fff; padding-left:5px; text-align:left; text-shadow:#fff 0 1px 1px; background: -webkit-gradient(linear, left top, left bottom, from(#e2e4e8), color-stop(0.49, #fcfcfd), color-stop(0.50, #ffffff), to(#fcfcfd)) no-repeat; background-color:#fcfcfd; line-height:20px;}
		table thead tr th.right {text-align:right;}
		table thead tr th.right-curr{text-align:right;width:60px;}	
		table thead tr th.center {text-align:center;}
	table tbody tr{width:100%; height:30px; font-size:14px; background:#fff;}		
	table tbody tr td { border-top:1px solid #e5e9ec; padding:2px 5px 1px;}
	table tbody tr td.right {text-align: right; min-width:40px;}
	table tbody tr td.right-curr{ text-align: right; width:60px;}
    table td.up span{ float:left; padding-left:16px; background:url(../img/up.gif) no-repeat 0 50%; color:#61a51d;}
    table td.down span{ float:left; padding-left:9px; background:url(../img/down.gif) no-repeat 0 50%; color:#c61515;}
    table td.stable span{ float:left; background:url(../img/stable.gif) no-repeat 100% 50%; padding-right:7px; color:#002642;}		
table td.right-up span {padding-right:12px; background:url(../img/up.gif) no-repeat 100% 50%; color:#61a51d; display:block;}
table td.right-down span {padding-right:12px; background:url(../img/down.gif) no-repeat 100% 50%; color:#c61515; display:block;}
table td.right-stable span { background:url(../img/stable.gif) no-repeat 100% 50%; padding-right:12px; display:block; color:#002642;}
table tr.odd td{ background: #fff;}
table tr.tr-head td{ border-bottom:0; font-weight:bold;}
table tr.tr-bottom td{border-top:0;}
table.staffsearch{width:100%; margin:0 0 0 0; padding:0; table-layout:auto;}
table tbody tr.alt td{
	/*background: #f4f4f4;*/
}
/************Table end ********/

a.go_forward{ background:transparent url(../images/arrow_right.png) no-repeat scroll right center; }
.date{font-size:0.8em; font-weight:bold; }
/**********news ***********/
div.newsbody{ border: 1px solid #B4B4B4; margin: 15px 10px 17px; padding:10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; -moz-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; background:#fff; font-size:0.9em;}
div.newsbody a{background-repeat: no-repeat; background-position: 0 50%; line-height: 20px; padding-left:22px;}
div.newsbody a.pdf,li.news-item a.pdf{background-image: url(../Img/pdf.gif); background-position: 0 50%; line-height: 20px; padding-left:22px; background-repeat:no-repeat;}
div.newsbody a.doc,li.news-item a.doc #maincontent .dot{background-image: url(../Img/doc.gif); background-position: 0 50%; line-height: 20px; padding-left:22px; background-repeat:no-repeat;}
div.newsbody a.xls,li.news-item a.xls{background-image: url(../Img/xls.gif); background-position: 0 50%; line-height: 20px; padding-left:22px; background-repeat:no-repeat;}
div.newsbody a.ppt,li.news-item a.ppt{background-image: url(../Img/ppt.gif); background-position: 0 50%; line-height: 20px; padding-left:22px; background-repeat:no-repeat;}
div.newsbody a.more,div.newsbody div a{ padding-left:0px; color:#002642; text-decoration:underline; font-size:12px; width:auto;}
div.newsbody h2{padding-left:0px; margin-left:0px;}

p.datecontrol{ line-height:27px !important; display:block; float:none; clear:both; background-repeat:no-repeat; }
/********* news end *******/

/********* iphone spes *****/
#li_logo{ margin:0 auto; padding:0; position:relative; background:url(../images/logo.png) no-repeat top left; height:25px; width:137px; display:block; top:8px;}

#iphone_backbutton_text {color:white; display:block; font-size:12px; font-weight:bold; height:12px; margin-left:11px; padding-right:5px; padding-top:12px; text-decoration:none;  width:auto; float:left;  text-shadow:#000 0 1px 1px;}

#iphone_loading_page { display: none; }

#iphone_body {position: relative; overflow: hidden;	 width: 100%; min-height:200px !important;}
.iphone_page { position: absolute; width: 100%; min-height:200px; margin:0 auto; padding:0; width:100%;}

.load_more {display: block; height: 17px; padding: 8px 32px 8px 10px; 
	font-weight: bold; 
	font-size: 14px; 
	background-color: #eee;
	text-decoration: none;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
/*** iphone specific todo-minify ****/
#load-body table td.up span 
{
	float:left;
	padding-left:16px;
	border:1px solid #447a25;
	 background:#447a25 -webkit-gradient(linear, left top, left bottom, from(#78bc50), color-stop(0.49, #6aae43), color-stop(0.50, #68ab40), to(#56992f)) no-repeat;
	color:#fff;
	height:21px;

}
#load-body table td.down span {
	float:left;
	padding-left:9px;
    border:solid 1px #a10700;
	background:#a10700 -webkit-gradient(linear, left top, left bottom, from(#ed594e), color-stop(0.49, #db4a40), color-stop(0.50, #d4453b), to(#c0352b)) no-repeat;
	-webkit-border-radius:4px;
	color:#fff;
	height:21px;
}
#load-body table td.stable span
{
	float:left;
	border:solid 1px #929292;
	-webkit-border-radius:4px;
	background:#929292 -webkit-gradient(linear, left top, left bottom, from(#bababa), color-stop(0.49, #afafaf), color-stop(0.50, #adadad), to(#a0a0a0)) no-repeat;
	padding-right:7px;
	color:#fff;
	height:21px;
}		
#load-body table td.right-up span {
	padding:3px 4px 0px 0px;
   background:#447a25 -webkit-gradient(linear, left top, left bottom, from(#78bc50), color-stop(0.49, #6aae43), color-stop(0.50, #68ab40), to(#56992f)) no-repeat;
	border:solid 1px #447a25;
	-webkit-border-radius:4px;
	color:#fff ;
	display:block;
	height:18px;
	font-size:12px;
	font-weight:bold;
	float:right;
}
#load-body table td.right-down span {
	padding:3px 4px 0px 0px;
	border:solid 1px #a10700;
	-webkit-border-radius:4px;
	background:#a10700 -webkit-gradient(linear, left top, left bottom, from(#ed594e), color-stop(0.49, #db4a40), color-stop(0.50, #d4453b), to(#c0352b)) no-repeat;
	color:#fff ;
	display:block;
	height:18px;
	font-size:12px;
	font-weight:bold;
    float:right;
}
#load-body table td.right-stable span {
	
	border:solid 1px #929292;
	-webkit-border-radius:4px;
	background:#929292 -webkit-gradient(linear, left top, left bottom, from(#bababa), color-stop(0.49, #afafaf), color-stop(0.50, #adadad), to(#a0a0a0)) no-repeat;
	padding:3px 4px 0px 0px;
	display:block;
	color:#fff ;
	height:18px;
	font-size:12px;
	font-weight:bold;
    float:right;
}
#load-body table td span
{
    width:52px;    
}
.hide
{
    display:none;    
}
.hidden
{
    display:none;    
}

li.news-item a{
        font-weight:bold;
    }

li.news-item a.close
{
    margin-top:10px;
    font-weight:bold !important;
    padding-left:20px;
    background: url(../images/close.gif) 0 0 no-repeat; 
}

li.news-item div.content{
    font-size:0.8em;
    margin:10px 5px;
    padding:7px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
    border:solid 1px #B4B4B4;
    background:#f7f7f7;
}

.info_msg {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	width:100%;
	margin-bottom:150px;
	margin-top:100px;
}

hr
{
    margin:10px 0px;    
}