/* @override http://www.us720.com/css/us720/admin-layout.css */

/* CSS Document */

/***************
* START LAYOUT CONTROL 
****************/

body {
	width:1010px;
	margin:0 auto;
	padding:0px;
	background: url(/img/site/bg.jpg);
	font-family:Arial;
	color:#ffffff
}

div#container1 {
	width:1010px;
	margin:0 auto;
	min-height: 1000px;
	background: url(/img/site/container-bg-trans.png) repeat-y;
}
div#container {
	width:1000px;
	margin:0 auto;
}
div#main{
	background-color:#CFDFEA;
	padding: 2px;
}
div#content {
	clear: both;
	padding:0px;
}
.seperator{
	background-image:url(../img/site/seperator-trans.png);
	width:2px;
	vertical-align:top;
	height:271px;
	float:left;
	padding:10px 0 0 0;
}
div#agentinfo{
	padding-top: 10px;
	padding-left: 15px;
	color:#FFFFFF;
}
div#adminmain {
	width:753px;
	/*float:left;
	padding:0px;
	margin:0px;
	position:relative;*/
	margin-left:230px;
}
div#middleproperties{
	width:210px;
	padding:0;
	float:left;
}
div#rightcontent{
	background-image:url(../img/site/videoframe-trans.png);
	background-repeat:no-repeat;
	background-position:center top;
	width:543px;
	height:370px;
	float:right;
	margin:0;
	position:relative;
}
div#agentalign{
	margin-top: 300px;
}
div#user{
	width: 100%;
}

div#listingdiv{
	background-image: url(/img/us720/nav-trans.png);
	background-repeat:repeat-x;
	float:left; 
	width:640px;
	padding:5px;
	margin: 0 auto;
}

div#queues{
/*margin-left:200px;*/
/*float:left;*/
/*position:absolute;
top:20px;
left:250px;*/
}
div#search-form form{
	/*width:600px;
	float:left;*/
	clear:both;
	display:inline;
}
#search-form label{
	/*width:280px;*/
	/*display:block;*/

}
#search-form form-text{

}
#search-form select{

}
#search-form div{
/*clear:left;*/
}
#cakeSqlLog{
/*display:none; leave on so its easy to debug, we can disable this option via /app/config/core.php -> debug = 0*/ 
}

/***************
* END LAYOUT CONTROL 
****************/

/***************
* START FONT CONTROL 
****************/
a {
	color:#E4C000;
	text-decoration:none;
}
a:hover {	
	color:#FFFFFF;
	text-decoration:underline;
}
a.visited {	
	color:#E4C000;
	text-decoration:none;
}
a.visited:hover {	
	color:#FFFFFF;
	text-decoration:underline;
}

div#main a{
	color: #336F95;
	text-decoration:underline;
}
div#main a:hover{
	color: #336F95;
	text-decoration: underline;
	background-color:#FFFFFF
}
div#main a:visited{
	color: #336F95;
	text-decoration:underline;
}
div#main a:visited:hover{
	color: #336F95;
	text-decoration:underline;
}
.item1{
	color:#FFFFFF;
	font-weight:bold;
}
.item2{
	color:#E4C000;
	font-weight:bold;
}
	
/***************
* END FONT CONTROL 
****************/

/***************
* START HEADER CONTROL 
****************/
div#header {
	height:130px;
	background:#000000 url(/img/us720/header-bg.jpg) repeat-x;
	padding:0px;
	position:relative;
}
div#headerlogo {
	height:130px;
	background:url(/img/us720/logo.jpg) no-repeat top left;
	padding:0px;
}
div#headeragent {
	height:152px;
	width:492px;
	border:0;
	padding:0px;
	position:absolute;
	top:0px;
	right:0px;
	visibility: visible;
	z-index:1;
}
div#agentinfoheader{
	background-color:#000000;
	height: 35px;
	padding-right: 8px;
	padding-top: 8px;
	text-align:right;
}
div#agentinfoheader .first{
	color:#FFFFFF;
	font-weight:bold;
	font-size: 20px;
}
div#agentinfoheader .last{
	color:#E4C000;
	font-weight:normal;
	font-size: 20px;
}

div#videoPlayer {
	border: #E4C000 6px solid;
	background-color: #111111;
 	margin: 0 auto;
}
.videoPlayer {
	width: 640px;
	height: 385px;
	border: #E4C000 6px solid;
	background-color: #111111;
 	margin: 0 auto;}
div#imageViewer {
	width: 640px;
	height: 400px;
	border: #E4C000 6px solid;
	background-color: #111111;
	margin: 0 auto;
}


/***************
* END HEADER CONTROL 
****************/

/***************
* START NAVIGATION CONTROL 
****************/
#nav{
	background-image: url(/img/us720/nav-trans.png);
	background-repeat:repeat-x;
	width:225px;
	float:left;
	padding:0px;
}
#navbody{
	padding:0 0 0 10px;
}
/***************
* END NAVIGATION CONTROL 
****************/

/***************
* START USER PROFILE CONTROL 
****************/
#userprofile{
	min-height:290px;
}
#userprofile ul{
	margin:0px;
	padding: 5px;
	list-style-type:none;
}
#userprofile ul li{
	margin:0px;
	list-style-type:none;
	vertical-align:middle;
}
#userprofile ul a{
	display:block;
}
/***************
* END USER PROFILE CONTROL 
****************/

/***************
* START ADMIN LINKS CONTROL 
****************/
#adminlinks ul{
	margin:0px;
	padding: 5px;
	list-style-type:none;
}
#adminlinks ul li{
	margin:0px;
	list-style-type:none;
	vertical-align:middle;
}
#adminlinks ul a{
	display:block;
}
/***************
* END ADMIN LINKS CONTROL 
****************/

/***************
* START AGENT LINKS CONTROL 
****************/
#agentlinks ul{
	margin:0px;
	padding: 20px 5px 0px 0px;
	list-style-type:none;
}
#agentlinks ul li{
	margin:0px;
	padding: 10px 5px 0px 0px;
	list-style-type:none;
	vertical-align:middle;
}
#agentlinks ul a{
	display:block;
	line-height: 30px;
	height: 35px;
}
img.selected{
	background:transparent;
}
a.selected{
	background:transparent;
}
a.selected:hover{
	background-image:url(/img/us720/linkbg-trans.png);
	background-repeat:no-repeat;
}
/***************
* END AGENT LINKS CONTROL 
****************/

.videoframe{
	position:relative;
/*	top: 29px;*/
/*	left: 50px;*/
	margin:0 auto;
	width: 640px;
	height: 400px;
	border: 5px solid #E4C000;
}
div#videoshare{
	position:relative;
	top: 50px;	
	width:543px;
	height:25px;
	padding:3px 0px 3px 0px;
	clear:both;
	text-align:center;
}
div#videodata{
	position:relative;
	text-align:center;
	top: 60px;
	width:543px;
	height:370px;
	padding:3px 0px 3px 0px;
}
.videodatabg{
	background-image: url(/img/site/nav-trans.png);
	background-repeat:repeat-x;
	width: 458px;
	min-height: 500px;
	text-align:left;
	margin: 0 42px 0 43px;
}
div#videodataheader{
	height:40px;
	padding: 8px 10px 0 10px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
}
div#videodataheader .yellow{	
	color:#E4C000;
	font-weight:normal;
	font-size:16px;
}
div#videodatacontent{
	margin-right: 10px; 
	padding-right: 10px; 
	display: block; 
	float: left;
	width: 125px;
	text-align: right; 
	position: relative; 
	color:#FFFFFF;
	font-weight: bold;
	}
div#videodatacontent-yellow{
	margin-right: 10px; 
	padding-right: 10px; 
	display: block; 
	float: left; 
	text-align: right; 
	position: relative; 
	color:#E4C000;
	font-weight: normal;
	}

div#videocontentdatadesc{
	margin-right: 10px; 
	padding: 10px; 
	display: block; 
	color:#E4C000;
	font-weight: normal;
}

div#pad4{
	padding: 4px;
}
div#clearboth{
	clear:both;
}
div#clearleft{
	clear:left;
}
div#align-center{
	margin: 0 auto;
	margin-bottom:5px;
}
div#userlogin{
	float:right;
	width:165px;
}
div#bodyleft{
	float:left;
	width:660px;
}
div#footer1{
	margin:0 auto;
	width:1010px;
	clear:both;
	background: url(/img/site/container-bg-trans.png) repeat-y;
	padding:20px 0 0 0;
}
div#footer{
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	height:45px;
	line-height:45px;
}
p#footerright{
	width:600px;
	margin:0 5px 0 0;	
	text-indent:6px;
	float:right;
	background-color:#000000;
	color:#FFFFFF;
}
div#footer span{
	margin:0 !important;
	padding:7px 7px 0 0;
}
div#footer span img{

}
div#userheader{
	background-color:#336F95;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}
#content {
clear:left;
padding:8px;
}

.hideme {
	margin:0px 18px;
}
/***************
* START DEBUG CONTROL 
****************/
.error {
    font-size: 18px;
    color: #F00;
    font-weight:bold;
}
.debug {
    font-weight:bold;
    background-color:#0FF;
}
/***************
* END DEBUG CONTROL 
****************/


/***************
* START CSS SCROLLER
****************//*

/* vertical scroller *//*
div#can {
	height:340px;
	width:160px;
	position:relative;
	overflow:hidden;
}
div#pane {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}

/* horizontal scroller *//*

div#hcan {
	height:90px;
	width:598px;
	position:relative;
	overflow:hidden;
	border:none;
}
div#hpane {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	
}

/***************
* ENND CSS SCROLLER
****************/

/***************
* AGENT PROFILE MONTHLY VIEWS REPORT
****************/
#monthly-report-container{
	display:block;
	margin-top:25px;
	width:645px;
	background:#F7F7F7;
}
#monthly-report-container table{
border-collapse:collapse;
}
#monthly-report-container table tr.thead{
background-color:#191919;
border-bottom:thin solid #fff;
}
#monthly-report-container tr.thead td{
font-size:x-small;
vertical-align:bottom;
}
#monthly-report-container table tr.tsubhead{
background-color:#4d4d4c;
}
#monthly-report-container table tr.tbody{}
#monthly-report-container b{}
#monthly-report-container a{}
#monthly-report-container table{width:100%;}
#monthly-report-container table tbody table th{
background-color:#262626;
font-size:x-small;
text-align:left;
padding:3px;
border-left:thin solid #4d4d48;
}
#monthly-report-container table tbody table tr td{
border-left:thin solid #4d4d48;
border-right:thin solid #4d4d48;
font-size:small;
padding:1px 3px;
}
#monthly-report-container table tbody table tr.even{
background-color:#e1d9bc;
color:#000;
}
#monthly-report-container table tbody table tr.odd{
background-color:#4b483e;}

/*
#monthly_report{
	display:block;
	margin-top:25px;
	width:645px;
}
#monthly_report table{
border-collapse:collapse;
}
#monthly_report table tr.thead{
background-color:#191919;
border-bottom:thin solid #fff;
}
#monthly_report tr.thead td{
font-size:x-small;
vertical-align:bottom;
}
#monthly_report table tr.tsubhead{
background-color:#4d4d4c;
}
#monthly_report table tr.tbody{}
#monthly_report b{}
#monthly_report a{}
#monthly_report table{width:100%;}
#monthly_report table tbody table th{
background-color:#262626;
font-size:x-small;
text-align:left;
padding:3px;
border-left:thin solid #4d4d48;
}
#monthly_report table tbody table tr td{
border-left:thin solid #4d4d48;
border-right:thin solid #4d4d48;
font-size:small;
padding:1px 3px;
}
#monthly_report table tbody table tr.even{
background-color:#e1d9bc;
color:#000;
}
#monthly_report table tbody table tr.odd{
background-color:#4b483e;}
*/
/***************
* END AGENT PROFILE MONTHLY VIEWS REPORT
****************/