/* OneThirdStop Style Sheet */
/* (C) 2008 Lars Gotfredsen */

/* common styles */
p.link-to {
	font-size: medium;
}
#flash {
	padding-top:5px;
	padding-bottom:5px;
	font-size: normal;
	font-weight: bold;
	color: red;
}

/* basic layout */
div#title {
	width: 900px;
	height: 50px;
	vertical-align: text-bottom;
	text-align: right;
	color:#ffffff;
	padding-right: 5px;
	background-image:url("images/title.gif");
}
div#menu {
	height: 20px;
	width: 900px;
	background-color: #00aeef;
}
div#sidebar-sep {
	height:10px;
}
div#footer {
	height:25px;
	margin-left: auto;
	margin-right:auto;
	background-color: #00aeef;
}
div#indent {
	padding-left:10px;
}

/* Sliding doors menu */
#menutab {
	float:left;
	width:100%;
	background:#00aef0;
	font-size:93%;
	line-height:normal;
}
#menutab ul {
	margin:0;
	padding:5px 2px 0px 10px;
	list-style:none;
}
#menutab li {
	float:left;
	background:url("images/left-menutab.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	border-bottom:1px solid #00aef0;
}
#menutab a {
	float:left;
	display:block;
	width:.1em;
	background:url("images/right-menutab.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
}
#menutab > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menutab a {float:none;}
/* End IE5-Mac hack */
#menutab a:hover {
	color:#ffffff;
}
#menutab #current {
	background-position:0 -150px;
	border-width:0;
}
#menutab #current a {
	background-position:100% -150px;
	padding-bottom:5px;
	color:#005b78;
}
#menutab li:hover, #menutab li:hover a {
	background-position:0% -150px;
	color:#ffffff;
}
#menutab li:hover a {
	background-position:100% -150px;
}
      
/* Login styling */
div#login {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	border-color: #005b78;	
	border-style: solid;
	border-width: 1px;
}
#login .login-title {
	line-height: 20px;
	padding: 4px 0px 4px 4px;
	background-color: #1c1c1c;
	color: #ffffff;
	text-align: center;
	font-size: normal;
	font-weight: bold;
}
#login .login-form {
	padding: 10px 4px 4px 4px;
	background-color: #f2f2f2;
	color: #000000;	
	text-align: center;
}

/* Sidebar styling */
div#sidebar-spacer {
	height: 10px;
}
div#l-sidebar {
	width: 190px;
	margin-left: 4px;
	margin-right: 4px;
	border-style: none;
}
div#r-sidebar {
	width: 190px;
	margin-left: 4px;
	margin-right: 4px;
	border-style: none;
}
#l-sidebar .sidebar-title {
	line-height: 20px;
	padding-left: 4px;
	background-color: #c9f0ff;
	border-color: #005b78;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	color: #005b78;
	text-align: left;
	font-size: normal;
	font-weight: bold;	
}
#l-sidebar .sidebar-content {
	padding: 4px 4px 4px 4px;
	background-color: #ffffff;
	border-color: #005b78;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	color: #2c2c2c;		
	text-align: left;
	font-size: small;
	font-weight: bold
}
#r-sidebar .sidebar-title {
	line-height: 20px;
	padding-left: 4px;
	background-color: #c9f0ff;
	border-color: #005b78;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	color: #005b78;
	text-align: left;
	font-size: normal;
	font-weight: bold;	
}
#r-sidebar .sidebar-content {
	padding: 4px 4px 4px 4px;
	background-color: #ffffff;
	border-color: #005b78;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	color: #005b78;		
	text-align: justify;
	font-size: small;
}

/* Content */
#headline {
	text-align: center;
	font-size:large;
	font-weight: bold;
}
#content-spacer{
	height:30px
}
#content-lspacer{
	height:20px
}
#content-xlspacer{
	height:30px
}
#content-heading{
}
div#content {
	min-width: 400px;
	margin-left: auto;
	margin-right: auto;
	background-color:#ffffff;
	border-color: #005b78;		
	border-style: solid;
	border-width: 1px 0px 1px 0px;
}
#content .content-title {
	line-height:25px;
	background-color:#fff799;
	border-color: #005b78;		
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	color: #363636;	
	text-align:center;
	font-size: normal;
	font-weight: bold;
}
#content .content-main {
	padding: 10px 4px 4px 4px;
	text-align: center;
	background-color: #ffffff;
	color: #0c0c0c;	
}
#content .content-download {
	padding: 10px 4px 4px 4px;
	text-align: left;
	background-color: #ffffff;
	color: #0c0c0c;	
}
#content .content-table {
	margin-left: auto;
	margin-right: auto;
	padding: 10px 4px 4px 4px;
	text-align: left;
	color: #0c0c0c;	
}
#content .content-table-header {
	line-height:25px;
	background-color:#fff799;
	border-color: #005b78;		
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	color: #363636;	
	text-align:left;
	font-size: normal;
	font-weight: bold;
}
#content .content-table-download {
	width: 100%;
	border-collapse: collapse;
	border-style: none;
	text-align: left;
	color: #0c0c0c;	
}
#content .content-odd-lines {
	background-color:#ffffff
}
#content .content-even-lines {
	background-color:#e9e9e9
}

/* Content containers */
div#c-container {
	min-width: 400px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	border-color: #005b78;		
	border-style: solid;
	border-width: 1px 0px 1px 0px;
}
#c-container .c-title {
	text-align: center;
	padding: 4px 0px 4px 4px;
	background-color: #fff799;
	border-color: #005b78;		
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	color: #363636;
	font-size: large;
	font-weight: bold
}
#c-container .c-content {
	padding: 10px 4px 4px 4px;
	text-align: left;
	background-color: #ffffff;
	color: #0c0c0c;	
}
/* above and below are linked */
#c-container .c-content-image {
	height:110px;
	padding: 10px 4px 4px 4px;
	text-align: left;
	background-color: #363941;
	color: #0c0c0c;	
}
#c-container .c-image {
	float: right;
	margin-right:10px;
	margin-top:10px;
	border-style: none;
	max-height: 100px;
	max-width:  100px;
}

/* Tables in content containers */
table#c-table {
	margin-left: auto;
	margin-right: auto;
	padding: 10px 4px 4px 4px;
	text-align: left;
	color: #0c0c0c;	
}
#c-table .c-table-listheader {
	font-size: normal;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
}
#c-table .c-table-col-center {
	text-align: center
}
#c-table .c-table-col-left {
	text-align: left
}
#c-table .c-table-col-right {
	text-align: right
}
#c-table .c-table-odd-line {
	background-color:#ffffff
}
#c-table .c-table-even-line {
	background-color:#e9e9e9
}

/* news layout */
#news-spacer {
	height: 40px
}
div#news-container {
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	border-color: #005b78;		
	border-style: solid;
	border-width: 1px 0px 1px 0px;
}
#news-container .news-title {
	text-align: left;
	padding: 4px 0px 4px 4px;
	background-color: #fff799;
	border-color: #005b78;		
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	color: #363636;
}
#news-container .f1 {
	line-height: 20px;
	font-size: large;
	font-weight: bold;
}
#news-container .f2 {
	line-height: 15px;
	font-size: small;
}
#news-container .news-content {
	padding: 10px 4px 4px 4px;
	text-align: left;
	font-weight: normal;
	background-color: #ffffff;
	color: #0c0c0c;	
}
/* above and below are linked */
#news-container .news-content-image {
	min-height:110px;
	padding: 10px 4px 4px 4px;
	text-align: left;
	font-weight: normal;
	background-color: #ffffff;
	color: #0c0c0c;	
}
#news-container .news-update {
	padding: 0px 0px 4px 0px;
	text-align: left;
	font-weight: bold;
	background-color: #ffffff;
	color: #fc0000;		
}
#news-container .news-image {
	float: right;
	margin-right:10px;
	margin-top:10px;
	border-style: none;
	max-height: 100px;
	max-width:  100px;
}

/* Styles for Form layout */
div#form {
	min-width: 400px;
	margin-left: auto;
	margin-right: auto;
	border-color: #005b78;		
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	background-color:#ffffff;
}
#form .form-title {
	text-align:center;
	line-height:25px;
	background-color:#fff799;
	border-color: #005b78;		
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	font-size: large;
	font-weight: bold;
	color: #363636;	
}
#form .form-layout {
	min-width:  400px;
	min-height: 30px;
	text-align: center;
	padding-top:10px;
	margin-right: auto;
	margin-left: auto;
}
#form .form-header {
}

#form .form-label {
	vertical-align: text-top;
	padding-top:4px;
	text-align: right;	
}
#form .form-entry {
	vertical-align: top;
	text-align: left;
	height: 10px;
	
}

/* row list styles */
div#list {
	border-style: solid;
	border-width: 1px;
	border-color: #002486;		
	background-color:#ffffff;
}
#list .list-title {
	text-align:center;
	line-height:25px;
	background-color:#ffffff;
	font-size: large;
	font-weight: bold;
	color: #363636;	
}
#list .list-oems {
	width:  250px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;	
}
#list .list-categories {
	border: 0px;
	width:  250px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;	
}
#list .list-administrators {
	width:  450px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;	
}
#list .list-header {
	font-size: normal;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
}
#list .list-line-odd {
	border-bottom: 1px solid  #cacaca;
	text-align: center;
	font-size: medium;
	font-weight: normal;	
	color: black;
}
#list .list-line-even {
	border-bottom: 1px solid  #cacaca;
	text-align: center;
	font-size: medium;
	font-weight: normal;	
	color: black;
}
#list .list-actions {
	border-bottom: 1px solid  #cacaca;
	font-size: x-small;
	text-align: right;
	padding-left: 1em	
}

/* Pagination styles */
.pagination {
	padding: 3px;
	margin: 3px;
}
.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #aaaadd;
	text-decoration: none;
	color: #000099;
	font-size: medium;
}
.pagination a:hover, .pagination a:active {
	border: 1px solid #000099;
	background-color: #77e681;
	color: #000;
}
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
	font-size: medium;
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #eee;
	color: #ddd;
	font-size: medium;
}