body
{
	margin: 0;
	padding: 0;
	color: rgb(61,61,61);
	font: normal 10pt Arial,Helvetica,sans-serif;
	background: #FFF;
	background:url("../images/bodybg.jpg");
	background-attachment:fixed;
	text-align:center;
}

#header-bar
{
	margin:0.5%;
	margin-bottom:-0.2%;
	padding:10px;
	box-shadow:0px 0px 5px;
	-webkit-box-shadow:0px 0px 5px;
	-moz-box-shadow:0px 0px 5px;
	-o-box-shadow:0px 0px 5px;
	
	background-color: rgb(255,255,255);
}

#page
{

	width: 99%;
	text-align:center;
	margin:.5%;
	margin-bottom:0px;
	
	box-shadow:0px 0px 5px;
	-webkit-box-shadow:0px 0px 5px;
	-moz-box-shadow:0px 0px 5px;
	-o-box-shadow:0px 0px 5px;
	
	background-color: rgb(255,255,255);
}

#header
{
	margin: 0;
	padding: 0;
	
}


#mainpanel
{
	width:100%;
}

#mainpanel #sidebar
{
	float:left;
	width:20%;
	
}
#mainpanel #content
{	
	width:80%;
	float:left;
}


#footer
{
	position: relative;
	bottom: 0px;
	width: 100%;
	/*padding: 10px;*/
	margin-top: 20px;
	padding: 10px 0px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #C9E0ED;
}

#logo
{
	background:url("../images/header_bg.png") repeat-x;
	margin-left: 00px;
}

#header .bar{
	margin-left:25px;	
}
#header .app-icon{
	float:left;
	padding-top:20px;
	
}
#header .app-icon img{
	width:24px;
}
#header .title{
	float:left;
	color:rgb(102,102,102);
	font-size:12px;
	font-family:helvetica;
	font-weight:bold;	
	margin-left:7px;
	padding-top:25px;
}

#mainmenu
{
	width:100%;
	margin:0 auto;
	font-family:helvetica;
}

#mainmenu .regular
{
	margin-left:.5%;
	width:9.75%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

#mainmenu ul
{
	margin:0px;
	padding-left:20px;
}

#mainmenu ul li
{
	display:block;
	float:left;
	cursor:pointer;
	text-align:center;
	
	height:23px;
	background:rgb(186,203,219);	
	
	
	-moz-border-radius-topleft: 4px ;
    -webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;

}

#mainmenu ul li a
{	
	color:rgb(51,51,51);
	font-family:helvetica; 
	font-size:11px; 
	font-weight:bold;
	text-shadow:0px 1px rgb(248,249,251);

	text-decoration:none;	
	display: inline-block;
    text-decoration: none;
    padding: 4px 0px 0px 0px;

}

#mainmenu ul li a:hover
{
	text-decoration:none;	
	
}

#mainmenu ul li.active
{
	background:rgb(45,98,165);		

	-moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

#mainmenu ul li.active a
{
	color:rgb(255,255,255);
	font-family:helvetica; 
	font-size:12px; 
	font-weight:bold;
	text-shadow:0px 0px;
}

#mainmenu .non-pipeline
{
	background-color:rgb(216,222,225);
}

#mainmenu .first
{
	margin-left:-12px;
}

#submenu
{
	width:100%;
	margin:0 auto;
	font-family:helvetica;
}

#submenu .regular
{
	font-size:12px; 
	font-weight:normal;
	color:rgb(255,255,255);	
	margin-top:8px;
}

#submenu ul
{
	margin:0px;
	padding-left:0px;
}

#submenu ul li
{
	display:block;
	float:left;
	cursor:pointer;
	text-align:center;	
	height:23px;
	
}

#submenu ul li a
{	
	color:rgb(255, 255, 255);
	font-family:helvetica; 
	font-size:12px;

	text-decoration:none;	
	display: inline-block;
    text-decoration: none;
    padding: 2px 20px 0px 20px;
}

#submenu ul li a:hover
{
	text-decoration:none;	
	
}

#submenu ul li.active
{
	height:18px;	
	background:rgb(243,243,243);
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	
}

#submenu ul li.active a
{
	color:rgb(28,66,102);
	font-family:helvetica; 
	font-size:12px; 
	text-shadow:0px 0px;
}

#submenu .first
{
	margin-left:50px;	
}

.menubar-blue-bar
{
	width:100%;
	height:32px;
	margin:0 auto;
	background-color:rgb(45,98,165);
}

.menubar_links
{
	clear:both;
	margin:0 auto;

	width:100%;
	height:30px;
	background:url("../images/submenu_bg.jpg") repeat-x;
	font-family:helvetica; font-size:12px; font-weight:normal;

	color:rgb(28,66,102);
	
}




/*Login*/
#page-login
{
	margin:0 auto;
	text-align:center;
}

#page-login .login-box
{
	margin:0 auto;		
	text-align:center;
	background:url('../images/login-bg.jpg') repeat-x !important;
	width:460px;
	height:245px;
	border-radius:9px 9px;

	box-shadow:0px 0px 5px;
	-webkit-box-shadow:0px 0px 5px;
	-moz-box-shadow:0px 0px 5px;
	-o-box-shadow:0px 0px 5px;

	margin-bottom:40px;
}

#page-login .login-box .contents
{
	padding-top:32px;
	margin-left:31px;
	text-align:left;
}

#page-login .login-box .head
{
	font-family:tahoma, helvetica;
	font-size:12px;
	font-weight:bold;
	color:rgb(135,137,140);
	margin-bottom:10px;
}

#page-login .login-box .forgot
{
	font-family:helvetica;
	font-size:12px;
	font-weight:normal;
	text-shadow: 1px 1px rgb(253,254,255);
	color:rgb(129,144,176);
	margin-top:5px;
	margin-left:12px;

}

#page-login .login-box .forgot a
{	
	color:rgb(129,144,176);
	text-decoration:none;
}
#page-login .login-box .forgot a:link, active, visited, hover
{	
	color:rgb(129,144,176);
	text-decoration:none;
}

#page-login .login-box .input-field
{
	height:35px; 
	width:386px; 
	margin-top:3px; 
	margin-left:3px;

	font-family:helvetica;
	font-size:14px;
	border:0px;
	padding-left:2px;
	color:rgb(129,129,129);
}


/*remove background color of auto complete fields*/
#page-login input:-webkit-autofill
{
        -webkit-box-shadow: 0 0 0px 1000px white inset;
}


/*remove border when focused*/
#page-login .login-box input:focus, select:focus,textarea:focus,button:focus, img:focus, a:focus
{
    outline: none;
	background:none;
}

/*color of placeholder*/
#page-login ::-webkit-input-placeholder {
    color:    rgb(169,169,169);
}
#page-login :-moz-placeholder {
    color:    rgb(169,169,169);
}
#page-login ::-moz-placeholder {
    color:    rgb(169,169,169);
}
#page-login :-ms-input-placeholder {
    color:    rgb(169,169,169);
}


#page-login .login-box .login-error
{
	font-family:helvetica, tahoma; font-size:11px;font-weight:normal;
	color:rgb(130,0,0);	
	text-align:center;

	margin-top:18px;
}	

#page-login .submit-button-blue
{
	width:80px;
	height:26px;	
	padding-left:10px;
	padding-right:10px;
	background:rgb(44,97,160);
	border:1px solid rgb(42,68,127);	
	font-family:tahoma, helvetica; font-size:12px; color:rgb(255,255,255); font-weight:bold;
	cursor:pointer;
}


.button2
{
	height:22px;		
	background:url('../images/buttonbg.png') repeat-x;
	border-left:1px solid rgb(191,191,191);
	border-right:1px solid rgb(191,191,191);
	border-bottom:0px;
	border-top:0px;
	font-family:helvetica; 
	font-size:11px; 
	color:rgb(41,41,41); font-weight:normal;
	margin-top:4px;
	text-align:center;
	text-shadow:0px 1px rgb(254,254,255);
	padding-left:4px;
	padding-right:4px;	
}

.button2 .cont
{
	font-family: helvetica;
	font-size: 11px;
	color: rgb(61,61,61);
	font-weight: normal;
	margin-top: 4px;
	text-align: center;
	text-shadow: 0px 1px rgb(254,254,255);
}

.successSummary{
	border: 1px solid rgb(212,218,232);
	padding:10px;	
	background: rgb(237,239,244);
	font-size: 0.9em;
	color: rgb(51,51,51);
	margin-top:25px;
	width:96.8%;
}
.successSummary ul{
	
	margin: 0;
	padding: 0 0 0 20px;	
	list-style:square;
	font-weight:bold;
}
.successSummary ul li{
	
	margin-top:5px;
	margin-left:10px;
	font-weight:normal;
}


.errorMessage
{
	color: rgb(180,0,0);
	font-size: 10px;
	margin-top:-0px;
}

.errorSummary
{
	border: 1px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
	margin-top:25px;
}

.errorSummary p
{
	margin: 0;
	padding: 5px;
}

.errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
	list-style:square;
	font-weight:bold;
}
.errorSummary li
{
	margin-top:5px;
	margin-left:10px;
	font-weight:normal;
}

.displaynone{
	display:none;
}

.textcenter{
	text-align:center;
}

.floatleft {
	float:left;
}


.clearfix
{
	clear:both;
}
.floatright
{
	float:right;
}


/**Not sure where they are used**/
div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

#welcome
{
	font-family:helvetica, verdana;
	text-align:center;
	margin:auto;
	width:800px;	
}

#welcome .head
{
	font-weight:normal;
	font-size:14px;
	color:rgb(51,51,51);
}
#welcome .module-title
{
	text-align:left;
	font-weight:bold;
	font-size:13px;
	color:rgb(51,52,51);
	font-weight:bold;
}
#welcome .module-title a
{
	text-decoration:none;
	color:rgb(61,62,63);
}
#welcome .module-title a:link:active, visited
{
	text-decoration:none;
	color:rgb(61,62,63);
}
#welcome .module-title a:hover
{
	text-decoration:underline;
}
#welcome .module-text
{
	font-family:helvetica;
	font-size:11px;
	font-weight:normal;
	text-align:left;
}

#welcome img
{
	border:0px;
}
#welcome a
{
	border:0px;
}


.std-table
{	
	border-collapse:collapse;
	border-spacing:0;
	padding: 0;
}


.stdlink
{
	color:rgb(22,78,114); text-decoration:underline;
}
.nolink
{
	text-decoration:none;
	color:rgb(65,65,67);
}
.nolink:hover
{
	text-decoration:underline;
	color:rgb(22,78,114);
}

/*Typical data table*/
.tabledata
{
	margin:0 auto;
	width:98%;

	border-collapse:collapse;
	text-align:left;
	font-family:helvetica;
	font-weight:normal;
	font-size:12px;
	border:rgb(214,214,214) 1px solid;	
	
}


.tabledata th
{
	border:rgb(25,85,125) 1px solid;		
	background:rgb(45,98,165);
	height:26px;
	font-weight:bold;	
	font-size:11px;
	font-family:arial, verdana,tahoma;
	color:rgb(255,255,255);
	text-align:center;

}

.tabledata td
{	
	
	color:rgb(65,65,67);	
}

.tabledata .dark
{	
	border:rgb(214,214,214) 1px solid;		
	border-bottom:0px;
	background:rgb(235,238,240);
	height:26px;
}
.tabledata .white
{	
	border:rgb(214,214,214) 1px solid;		
	border-bottom:0px;
	background:rgb(253,253,255);	
	height:26px;
}
.tabledata .purewhite
{	
	border-left:rgb(204,204,204) 1px solid;		
	border-right:rgb(204,204,204) 1px solid;		
	background:rgb(253,253,255);	
	height:0px;
	
}

.tabledata .celldata
{
	overflow:hidden;
	margin-left:5px;
}

#header-menu
{
	position:absolute;
	right:20px;
	margin-top:3px;
}

.header-icon
{
	position:relative;
	width:25px;
	float:left;
	margin-left:10px;
	cursor:pointer;
	z-index:2;
}

.header-icon img
{
	width:100%;
}

.round-bg
{
	position:absolute;
	width:35px;
	z-index:1;
	margin-top:-6px;
	display:none;
}

#notif-bg{	margin-left:5px;}
#message-bg{	margin-left:40px;}
#settings-bg{	margin-left:75px;}

.dropdown
{
	position:fixed;
	display:none;
	top:30px;
	right:50px;
	width:200px;
	background-color:rgba(45,98,165, 0.95);
	padding:10px;
	padding-bottom:30px;
	-webkit-border-radius:15px;
	-webkit-border-top-right-radius:0px;
	border:5px solid rgba(200, 200, 200, 0.3)
}

.dropdown-option
{
	color:#fff;
	padding:6px;
	text-align:right;
	cursor:pointer;
	border-bottom:1px solid rgba(255, 255, 255, 0.1);
	-webkit-transition:0.3s;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	
}

.dropdown-option:hover
{
	background:#fff;
	color:#666;
}


.action-button-cont
{	
	margin:0px 20px 0px 20px;
	text-align:center;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.action-button-cont .action-button
{
	float:left;
	cursor:pointer;
	height: 22px;
	line-height:20px;
	margin:1px;
	padding-left: 12px;
	padding-right: 12px;
	background: url('../images/buttonbg.png') repeat-x;
	border-left: 1px solid rgb(191,191,191);
	border-right: 1px solid rgb(191,191,191);
}

.action-button-cont .action-button span
{
	font-family: helvetica;
	font-size: 11px;
	color: rgb(31,31,31);
	font-weight: normal;
	margin-top: 4px;
	text-align: center;
}