/* dark: color:#7F859B; */

body  { background-color:#E6E6E6; }
ul { list-style-type:none; padding:0; margin:8px 0; }
h1,h2,h3 {font-weight:lighter; margin:0; padding:0; font-size:1.4em;}

body, table tr td  { font-family: Segoe UI, Tahoma, Arial, Verdana; font-size:13px;	}

#page  {
	width:1200px; 
	margin: 10px auto;
	background-color:white;
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); 	}
#navigation  { background-color:#293442; }	
#navigation ul {width:auto; padding: 10px 0 10px 10px;margin:0;}
#navigation li { padding-right:15px; list-style-type:none; }
#navigation li a { text-decoration:none; color:#B3C3D0; } 
#navigation li a:hover { color:White; text-decoration:none; }	
#navigation li.right {position:relative;left:370px;float:none;}
ul.hlist li table tr {padding:0; margin:0;}

span.error-message {color:Red; font-weight:bold;}

span.field-label 
{
    font-weight:bold;
    padding-right:10px;
}

div.error-box
{
    width:100%; 
    text-align:center; 
    padding-top:30px;
}

#meta {
	text-align:right;
	padding:0 0 0 40px; 
	color:White; 
	position:relative; 
	top:-27px;
}	
#main,#main-wide {
	padding-top:0;
	padding-bottom:40px; 
}
#main {
	padding-left:40px; 
	padding-right:40px; 
}
header {
    color:White;
}
#header_image {
	background:transparent url('http://www.systemarchitecture.net/wp-content/uploads/2012/12/header1.jpg') top left no-repeat;
    padding: 0 0 160px 0;
}
footer.desktop {
	color:white;
	padding:0px 0px 0px 0px;	
	background:#ffffff url('/assets/portal-footer.jpg') bottom left no-repeat;
	height:95px; 
	text-align:center;
	vertical-align: bottom;
}	

footer a {color:white;}	

/* griview */
.gridview { width:1100px; }
.gridview tr td  {
	padding: 0 5px;
	line-height:1.5em; }
.gridview tr th {
	padding:2px 6px;
	font-weight:normal; 
	color:#848AA0;
	border: solid 0 #CCCCCC;
	border-width: 0 0 1px 0;
	}
.grid-head-left { text-align: left; }	
.grid-head-right { text-align: right; }	
.grid-item-left { text-align:left; }
.grid-item-right { text-align:right; }
.grid-head-center { text-align:center; }	
.grid-item-center { text-align:center; }
.paging span {font-weight:bold; }
		
ul.hlist li { display:inline;}	

/* listview */	
ul.listview {
	margin:0;
	padding:0;}
ul.listview li {
	list-style-type:none;
	border: solid 0 #293442;
	padding:3px 7px;
	margin:0 0 5px 0;	
	background-color:#F8F8F8;}
.right {float:right;}
.rightLabel {
    display: inline-block;
    padding-left: 2px;
    padding-right: 20px;
    white-space:nowrap;
}
/* formview */
.formview tr td {margin:0; padding:0; }
.formview label {display:block; float:left; width:120px;}
.formview input {width:200px; margin:5px 0; padding:3px; }

a { text-decoration:none; color:#293842;}
a:hover {text-decoration:underline;}
.small { font-size:.85em;color:Gray;}	
.page_title {display:inline;}

.button {background-color:#F8F8F8;padding:5px 10px;border:solid 1px #CCCCCC;border-radius:1px;}	
.button_selected {background-color:#F8F8F8;padding:5px 10px;border:solid 1px #CCCCCC;border-radius:1px; font-weight:bold; color:#3186BD;}	
.link_button {background-color:#F8F8F8;font-weight:bold; color:#3186BD;}	
.green {}
.orange {background-color:#F2700F;}
.shelter {margin: 0 0 15px 0;}

#modal-window { width:600px; }

a.btn,
#navigation li a.btn {background-color:#B3C3D0;padding:2px 10px;color:white;border-radius:1px;}
a.btn:hover,
#navigation li a.btn:hover {background-color:#284155;}

/* migrated from home page */
    .dashboard-widget {border:solid 0px #E1E1E1;}
    .dashboard-widget {height:250px; margin-bottom:0px;}        
    .dashboard-widget h2 {padding-left:20px; color:white; background:linear-gradient(#1A84BF, #1B82BD, #20669A)}
    .column {float:left; width:330px;margin:20px 30px 0 0; border:0; height:500px;}
    
    .dashboard-widget .gridview { width:auto; }
    .dashboard-widget-content {height:450px;  border:solid 1px #E1E1E1; padding:14px; box-shadow:inset 0 0 14px #EAEAEA;}
    
    .tasks {height:200px;}
    
    /* this is important */
    .mobile { display:none; }
    
/* layout handling */
.column {float:left; border: solid 0px black;}

.datetime { text-transform:lowercase; }