@import url(text.css);
@import url(buttons.css);
/*
html,body
{
	margin: 0px;
	background: #D7D7D7 url(../images/bg.jpg) repeat-x top;
	background-color:#CCC;
	text-align: center;
	font: 11px "Arial";
	width: auto;
	padding: 0px 20px;
	color: #65645F;

}*/

* { padding:0;margin:0; }
img { border:0; }


body  
{
	font:12px "Castle T Book", Tahoma, Verdana, Arial;
	background-color:#CCC; 
	width: auto;
	scrollbar-3dlight-color:#7aa4ce; 
	scrollbar-arrow-color:white;
	scrollbar-highlight-color: #98c2fc;
	scrollbar-face-color:#78a2cc;
	scrollbar-shadow-color:#ebe5d7;
	scrollbar-darkshadow-color:#5882ac;
	scrollbar-track-color: #E7EAE4;
}

a { color:#666;text-decoration:none; }
a:hover { text-decoration:underline; }

a.black { color:#000 }

#site { margin:0 auto;width:780px;margin-top:20px;padding-bottom:20px; }

#container
{
	background:#F0F0F0; 
	width:781px;
	height: 100%;
	min-height: 800px;
}

#content, #container 
{ 
	background:#F0F0F0 url(../images/bg.jpg); 
	width:781px;
}

h1
{
    text-align: center;
}

select, input, table
{
	font-size: 11px;
}


div.header
{
	height: 79px;
	background: url(../images/header.jpg) no-repeat top right;
	overflow: hidden;
	text-align:center;
}

#header a { float:left; }

.head-caption
{
	background: url(../images/logo.gif) no-repeat top left;
	width:188px;
	height:113px;
}

#head-site-type
{
	background: url(../images/title.jpg) no-repeat top right;
	width:592px;
	height:113px;
	float:left;
	text-align:center;
}

#head-site-type a
{
	color:#FFFEFD;
	font-size:12px;	
	float:none;
}

.header .logo
{
	display: block;
	width: 279px;
}

.header .logo img
{
	display: block;
}

.top-menu
{
	/*background: #433C39 url(../images/menu_bg.jpg) repeat-x top;*/
	background:#433C39;
	height: 28px;
	z-index:2000;
}

.top-menu ul
{
	display: block;
	height: 28px;
	line-height: 28px;
	background:#433C39;
	/*background: url(../images/top_menu.gif) no-repeat top left;*/
	margin: 0;
	padding: 0 0 0 30px;
	list-style: none;
}

.top-menu ul li
{
	float: left;
	padding: 0 9px;
}

.top-menu ul li a
{
	color: #EAFEFF;
	text-decoration: none;
}

.top-menu ul li a:hover
{
	text-decoration: underline;
}

/*   ----------    */

top-menu ul li ul li
{
	float:none;
}

.top-menu ul li:hover ul li
{
	float:none;
}

.top-menu ul li:hover ul
{
	margin: 0;
	padding: 0 0 0 0px;
	list-style: none;
	background:#534C49;
	position:absolute;
    width:auto;
    display:list-item;
    height:auto;
    line-height: 22px;
    z-index:2000;
}

.top-menu ul li ul
{
	display:none;
	background-color: #534C49;
	width:auto;
	height:400px;
}

.top-menu ul li:hover ul a 
{
	text-decoration: none;
}

.top-menu ul li:hover ul a:hover
{
	text-decoration: underline;
}

.top-menu ul li:hover ul li a{
    display:block;
    text-decoration: none;
}
.top-menu ul li:hover ul li a:hover
{
	display:block;
    text-decoration: underline;
}

/* ------------  */

#login-menu
{
	float:right;
	padding-right:20px;
}

#logout-menu
{
	float:right;
	padding-right:10px;
}

.login-area
{
	background: #fff url(../images/inner_shadow.gif) repeat-y left;
	height: 22px;
	font-weight: bold;
	padding: 17px 0 7px 20px;
}

.login-area *
{
	float: left;
}

.login-area input
{
	margin: 0 13px 0 4px;
}

.login-area span
{
	margin-left: 5px;
	line-height: 22px;
}

.login-area .input-button input
{
	float: none;
	margin: 0;
}

.content
{
	padding: 11px 15px 50px 15px;
}

.clear
{
	clear: both;
}

table.videoContent-table
{
	width: 100%;
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	empty-cells: show;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	color: black;
}

table.videoContent-table td
{
	border-width: 4px;
	padding: 0px;
	border-style: solid;
	border-color: #d3cdc9;
	vertical-align:top;
	/*background-color: white;*/
}

table[class='videoContent-list']
{
	width: 100%;
	height:auto;
	border-collapse: collapse;
}
table[class='videoContent-list'] td
{
	border-width: 1px;
	padding: 5px;
	border-style: none;
	/*background-color: white;*/
	padding: 2px 5px 2px 5px;
}

a[class='videoContent-anchor']
{
	font-size: 13px;
	font-weight:bold;
	color: black;
	text-decoration:none;
}

.videoContent-description
{
	overflow:auto;
	height:400px;
	padding: 10px; 
	/*background-color:white;*/
}

.videoContent-list-scroll
{
	overflow: auto; 
	overflow-x:hidden; 
	height:100px;
}

.simonSupport {
  list-style: none;
}

.simonSupport li 
{
  background: url("../images/blue_envelop.png") no-repeat left;
  display: block;
  padding: 3px 0 3px 25px;
  margin-bottom: 5px;
}

.simonSupport a
{
	color:#00158E;
}


table.table-select tbody tr:hover td
{
  cursor: default;
  background-color: #E2D7BA;
}  

table.table-select tr.selected td
{
  background-color: #9FBCDC;
}

table.table-select thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	/*background-color: #78A3CE;*/
	border: 1px solid #FFF;
	width: 120px;
}

table.table-select tbody td {
	color: #3D3D3D;
	padding: 4px;
	/*background-color: #FFF;*/
	vertical-align: top;
}

table.table-select thead tr .headerSortUp {
background-image:url(../images/asc.gif);
}
table.table-select thead tr .headerSortDown {
background-image:url(../images/desc.gif);
}

div.scrolableTable 
{
	overflow-y: auto; 
	max-height: 600px
}

table.directory-table
{
	margin: auto;
}

table.directory-table td,th
{
	padding: 5px;
}

.description
{
   text-align: center;
}
.Box
{
    display: inline-block;
    width: 30px;
    /*color: #FFFFFF;*/
    font-weight: bold;
    text-align: center;
}


 table.productivityTable tr td, th.centered, h3
{
    text-align: center;
}