/*

Site definitions for StreamOne

1.  General definitions
2.  Page layout
3.  Left bar layout
	3.1 Menu structure
4. Content and control styles
	4.1 Content specific styles
		4.1.1 Content definition list
	4.2 Control specific styles
		4.2.1 Control definition list
5. Horizontal menu / gui buttons
6. Tables	
	6.1 Control table
	6.2 Acces table	
	6.3 Statistics table
	6.4 ?? table definitions	
7. Tabs
8. Pager
9. Account selector
10. Locale selector
11. Collapse
12. Dropbox
13. Error notices
*/

/* 1. General definitions */
* {
	margin:0;
	padding:0;
}
a{
	color:#00a2ff;
}
a:hover{
	color:#1c5993;
}
a img {
	border:none;
}
body{
	font-family:Calibri, Lucida Sans Unicode, Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	background-color:#000;
	color:#000; 
}
p, h1, h3 {
	margin-bottom:12px;
}

p	{
	line-height:16px;	
}

h2{
	margin:8px 0;
}

ul {
	margin:1em;	
}

ul li{
	margin-left:1em;	
}

div.sidebar ul{
	margin:0;
}

div.sidebar ul li{
	list-style:none;
	margin-left:0;
}

h3{
	font-size:18px;
	color:#174197;
}
h4{
	font-size:16px;
	margin:8px 0;
}
.lightblue{
	color:#00a2ff;
}
.darkblue{
	color:#001222;
}
.left{
	float:left;
}
.right{
	float:right;
}
.ajax, .hidden {
	display:none;
}

input#searchbutton{
	width:20px;
	height:20px;	
}


/* 2. Page layout*/
div#page{
	width:1000px;
	margin:0 auto;
	background-image:url(/static/images/page-bg.jpg);
	background-repeat:no-repeat;
}
div#header{
	height:111px;
	margin:0px 50px;
	
}
div#layout{
	background-color:#ffffff;
	margin:0px 50px 50px 50px;
	min-height:300px;
}
div#footer {
	font-size: 14px; 
	text-align: center; 
	color: #777777;
	padding:16px;
	
}
div#left{
	float:left;
	width:200px;
	padding:10px;
}
div.warning	{
	border:1px solid #a70031;
	background-color:#ffbfcb;	
	padding:4px 4px 4px 36px;
	margin:4px;
}

div.newsitem{
	margin-bottom:16px;	
	border-bottom:1px solid #ddd;
}

div.searchresult{
	margin-bottom:16px;	
}

div.searchresult p{
	color:#999;
}

a:visited{
	color:#666;	
}


/* 3. Left bar layout*/

/* 3.1 Menu structure */
div#left ul li{
	padding-bottom:4px;
	list-style:none inside;
}
div#left ul li a{
	text-decoration:none;
}
div#left ul li a:hover{
	text-decoration:underline;
}
div#left ul li a,
div#left ul li a:hover,
div#left ul li a:visited{
	font-size:14px;
	color:#246cd1;
}
div#left ul ul li{
	list-style:inside ;
	color:#00314f;
	padding:2px 0px 2px 2px;
} 
div#left ul ul li a,
div#left ul ul li a:hover,
div#left ul ul li a:visited{
	font-size:14px;
	color:#00314f;
}

/* 4. Content and control styles*/
div#content {
	margin:0px 25px 0px 220px;
}
div#content div.default {
	padding:10px;
}
div#content div.last {
	border-bottom:0px;
}
div#content div.even {
	background-image:url(/static/images/div-bg.png);
	background-repeat:repeat-x;
}
/* 4.1 Content specific styles*/
/* 4.1.1 Content - definition list*/
div#content dl{
	width:440px;
}
div#content dt{
	float:left;
	padding:2px 10px 2px 10px;
	width:90px;
	color:#001e3a;
}
div#content dd{
	float:left;
	width:310px;
	padding:2px 10px 2px 10px;
}
/* 4.2 Control specific styles*/

/* 4.2.1 Control - form definition list*/
div#control form dt{
	padding-top:3px;
	clear:left;
	float:left;
	width:25%;
}
div#control form dd{
	padding:2px 10px 2px 10px;
	float:left;
	width:70%;
	margin-bottom:0.5em;
}
/* 4.2.1 Control - form layout */
div#control fieldset{
	border:1px solid #C2C8D2;
	padding:1em;
}
div#control legend{
	padding:3px 8px;
	color:#00a2ff;
}
div#control input.embed{
	width:600px;
}
input.text{
	width:70%;
	font-family:Calibri, Lucida Sans Unicode, Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
	height:18px;
}
textarea.text{
	width:70%;
	font-family:Calibri, Lucida Sans Unicode, Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
}

input.file{
	height:24px;
}
select.text{
	font-family:Calibri, Lucida Sans Unicode, Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	height:20px;
}
input.button{
	font-family:Calibri, Lucida Sans Unicode, Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:0;
}

div.sidebar{
}






/* 6. Tables*/
table{
	width:100%;
	border-collapse:collapse;
	color:#5483AF;
}
th {
	text-align:left;
	color:#001222;
	font-weight:bold;
	padding:2px 5px 3px;
	border:none;
}
td{
	border-top:1px solid #0052a1;
}
tr.first td{
	border:none;
}

table tr td table{
	margin-left:3%;
	width:97%;
}
td.button{
	width:16px;
}
table img{
	/* padding:3px 2px 1px 2px; */
}


/* 6.4 ?? table definitions */
a.tablink{
	padding:6px;
	background-color:#9e002f;
	border:1px solid #9e002f;
	color:#ffffff;
	text-decoration:underline;
}
a.tablink.active{
	background-color:#ffffff;
	border:1px solid #9e002f;
	color:#9e002f;
}

table.form-table td	{
	padding:2px;
}

/* 7. Tabs */
ul.tabs{
	list-style-type:none;
	position:relative;
	margin:0;
	padding:0;
	border-bottom:1px solid #9e002f;
}
ul.tabs li.tab{
	margin:0;
	padding:0;
	display:inline;
	cursor:pointer;
	padding:4px;
	border:1px solid #9e002f;	
	color:#000000;
	text-align:center;
	line-height:25px;
}
ul.tabs li.tab.active, ul.tabs li.tab:hover{
	background-color:#9e002f;
	border:1px solid #9e002f;
	color:#ffffff;
	text-decoration:underline;
}
div.tab-content{
	display:none;
	top:40px;
}
div.tab-content.active{
	display:block;
}

/* 8. Pager */
div.pages a.active{
	font-weight:bold;
	text-decoration:none;
}
div.page-selection div.next{
	float:right;
	width:50px;
}
div.page-selection div.previous{
	float:left;
	width:50px;
}

div.page-selection div.pages{
	width:545px;
	margin:1em;
	text-align:center;
}

/* 9. Account selector*/
div#account-selector{
	font-size:8pt;
	z-index:1000;
}
div#account-select ul li:hover, div#account-select ul li:hover a{
	background-color:#6B012B;
	color:#ffffff;
	cursor:pointer;
	text-decoration:none;
}
div#account-select {
	border: 1px solid #c2c8d2;
	background:#ffffff;
}

div#account-select ul {
	list-style-type: none;
	margin:0;
}
div#account-select ul li {

	padding:0px 3px;
}
div#account-select ul li#active{
	background-color:#B10032;
}
div#account-select ul li#active a{
	color:#ffffff;
}
div#account-select ul li#active a:hover{
	background-color:#B10032;
}

div#account-select ul li a{
	text-decoration:none;
	color:#690032;
}
div#account-select ul li a:hover{
	text-decoration:none;
	color:#ffffff;
	background-color:#690032;
}

/* 10. Locale selector*/
div#locale-selector-admin:hover 
div#account-select{
	display:block;
}
div#locale-selector-page-disabled,
div#locale-selector-page {
	background-color:#919191;
	background-image:url(/admin/img/menu-bg-dark.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:182px;
	float:right;
	height:34px;
	padding:2px 10px;
	text-align:right;
}

/* 11. Collapse*/
.collapse-toggler{
	padding-left:16px;	
	cursor:pointer;
	background-image:url(/static/images/arrow-down-big.gif);
	background-repeat:no-repeat;
}
.collapsed{
	background-image:url(/static/images/arrow-up-big.gif) ;
	background-repeat:no-repeat;
}



/* 13. Error notices */
p.error, ul.error li{
	color:#d10040;
}
ul.error{
	padding:8px 8px 8px 16px;
}
/* 99. Debug */
pre	{
	width:100%;
	clear:both;
	background:#ffffff;	
}