/* CSS Document */

body{
	font-family:Helvetica, Arial, Verdana, sans-serif; 
	font-size: 12px;
}
.textInput{  /* General style for my inputs when they're not highlighted */	
  width:200px;  
  background-color:#FFFFFF;
  border:1px solid #000;
}


.inputHighlighted{  /* Highlighting style */
  background-color:#FFFFFF;
  color:#000;
  width:200px;
  border:1px dotted #000;
}
legend{
	-moz-border-radius: 8px; 
	border-radius: px;
 	text-align:center;
 	background: #d8d8d8;
 	border: 1px solid #000;
	margin-left: 10px;
 	padding: 2px 8px 2px 4px;
}
fieldset{
	-moz-border-radius: 8px; 
	border: 1px solid #bdbdbd;
	margin-bottom: 15px;
	text-align:left;
	background: #f5f5f5;
	padding: 5px 5px 5px 5px;
}
#fieldset{
	-moz-border-radius: 0px; 
	width: 500px;
	border: 1px solid #bdbdbd;
	margin-bottom: 15px;
	text-align:left;
	background: #f5f5f5;
	padding: 5px 5px 10px 5px;
}
#fieldset legend{
	-moz-border-radius: 0px; 
 	text-align:center;
 	background: #678b3f url(../images/color_tabs_right.gif) no-repeat right top;
	border-bottom: 0px solid #000;
	border-top: 0px solid #000;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
	margin-left: 10px;
 	padding: 2px 8px 2px 8px;
	margin: 4px 0px 22px -6px;
	color: #fff;
	text-transform:uppercase;
	font-weight: bold;
}
.fieldset{
	-moz-border-radius: 8px; 
	width: 500px;
	border: 1px solid #bdbdbd;
	margin-bottom: 15px;
	text-align:left;
	background: #f5f5f5;
	padding: 5px 5px 10px 5px;
}
a:link,a:visited  {
	color: #5c2b00;
	text-decoration: none;
}
a:hover {
	color: #754200;
	text-decoration: underline;
}
a.language:link; a.language:visited  {
	color: #99e62b;
	text-decoration: none;
	font-weight: bold;
}
a.language:hover {
	color: #754200;
	text-decoration: underline;
}
#container{
	width: 850px;
	margin-top: 28px;
	margin-left: 22px;
	margin-bottom: 20px;
}
#index_container{
	width: 758px;
	height: 431px;
	margin-top: 159px;
	margin-left: 22px;
	margin-bottom: 20px;
}
#header{
	width: 850px;
	height: 160px;
	background: #ffffff url("../images/header.gif") no-repeat;
	margin-bottom: 10px;
}
#header_container{
	width: 300px;
	height: 160px;
	float: right;
}
#logged_name{
	width: 300px;
	height: 152px;
	float: right;
}
#status_active{
	width: 300px;
	height: 39px;
	float: right;
	background: #E1FFE3 url("../images/status_bg.gif") no-repeat;
}
#status_unactive{
	width: 300px;
	height: 39px;
	float: right;
	background: #E1FFE3 url("../images/status_bg_unactive.gif") no-repeat;
}
#line{
	width: 850px;
	height: 1px;
	background: #ffffff url("../images/red_line.gif") repeat-x; 
	margin-bottom: 12px;
	margin-top: 12px;
}
#blue_line{
	width: 850px;
	height: 1px;
	background: #ffffff url("../images/blue_line.gif") repeat-x;
	margin-bottom: 12px;
	margin-top: 12px;
}
#brown_line{
	width: 850px;
	height: 1px;
	background: #ffffff url("../images/brown_line.gif") repeat-x;
	margin-bottom: 12px;
	margin-top: 4px;
	clear: both;
}
#content_submenu{
	width: 695px;
	float:right;
}
#content{
	width: 850px;
	float:right;
}
#submenu{
	float: left;
	width: 150px;
}
#middle{
	width: 850px;
}
#footer{
	width: 850px;
	margin-bottom: 12px;
	margin-top: 30px;
	color: #754200;
	clear:both;
}
#error{
	padding: 4px;
	width: 400px;
	background-color: #FFDFDF;
	border: 1px solid #FF0000;
	position: relative;
	margin-bottom: 10px;
}
#close{
	float: right;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-indent: 180px;
	background-color: #FFDFDF;
	border-top: 1px solid #FF0000;
}
a.close:link, a.close:visited  {
	display: block;
	color: black;
	text-decoration: none;
	float: right;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #FFDFDF;
	border-top: 1px solid #FF0000;
}
a.close:hover {
	background-color: #FDC9C9;
}
#success{
	padding: 4px;
	width: 400px;
	background-color: #F5F6C3;
	border: 1px solid #E6E83F;
	position: relative;
	margin-bottom: 10px;
}
#language{
	float: right;
	width: 100px;
	font-weight: bold;
}
#signupForm label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
}
#login{
	width: 605px;
	height: 306px;
	background: #FFF url(../images/login_bg.jpg) no-repeat left top;
}
.red_text{
	margin-right: 10px;
	color: #eb0078;
	font-size: 12px;
	line-height: 1.4;
}
.error_text{
	color: #FF0000;
}
.blue_text{
	margin-right: 30px;
	color: #007d9b;
	font-size: 12px;
	line-height: 1.3;
}
.green_text{
	color: #99e62b;
	font-size: 12px;
	line-height: 1.3;
}
.brown_text{
	color: #754200;
	font-weight:none;
	font-size: 12px;
	line-height: 1.4;
	margin-right: 60px;
}
.sub_header{
	color: #007d9b;
	font-weight:bold;
	font-size: 14px;
}
.table_margin{
	margin-top: 12px;
}
.td_home{
	width: 100px;
	height: 140px;
	text-align: center;
}
.no_border{
	border: 0px;
	background: transparent;
}
.form{
	width: 600px;
}
.margin{
	margin-bottom: 20px;
}
.fieldset{
	border: 1px solid #754200;
}
.users_table{
	width: 410px;
}
.row1{
	background: #E8E8E8;
}
.row2{
	background: #F3F3F3;
}
.hide {
 display: none;
}
.table_title {
width: 410px;
}
.order_table_title {
width: 600px;
}
.counts_table_title {
width: 600px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.table_title_left {
text-transform:uppercase;
font-weight:bold;
color: white;
width: 10px;
background: #678b3f url(../images/color_tabs_left.gif) no-repeat left top;
border-bottom: 1px solid #000;
}
.table_title_left_grid {
text-transform:uppercase;
font-weight:bold;
color: white;
width: 10px;
background: #678b3f url(../images/color_tabs_left.gif) no-repeat left top;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}
.table_title_right {
text-transform:uppercase;
font-weight:bold;
color: white;
background: #678b3f url(../images/color_tabs_right.gif) no-repeat right top;
width: 10px;
border-bottom: 1px solid #000;
}
.table_title_bg {
text-transform:uppercase;
font-weight:bold;
color: white;
background: #678b3f;
border-bottom: 1px solid #000;
}
.table_title_bg_grid{
text-transform:uppercase;
font-weight:bold;
color: white;
background: #678b3f;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}
.count_table_title_bg {
text-transform:uppercase;
font-weight:bold;
color: white;
background: #754320;
}
.counts_table_title  td {
border-right: 1px solid #767676;
border-bottom: 1px solid #767676;
}
.border_td {
border-bottom: 1px solid #ccc;
}
.border_td_grid {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.border_td_grid_report {
background: #C4C4C4;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
border-left: 1px solid #000;
}
#green_box{
	padding: 8px;
	background-color: #DCFFE5;
	border: 1px solid #5CB975;
	position: relative;
	margin-bottom: 10px;
}
#yellow_box{
	padding: 8px;
	background-color: #F5F6C3;
	border: 1px solid #E6E83F;
	position: relative;
	margin-bottom: 10px;
}
#sortable_items{
	list-style: none;
}
#sortable_items li{
	width: 100px;
	background: #fff;
	border: 2px solid #ccc;
	cursor: move;
	margin-bottom: 5px;
	position: relative;
}
#image_list{
	list-style: none;
}
#image_list li{
	width: 100px;
	float: left;
	margin-left: 5px;
	background: #fff;
	border: 2px solid #ccc;
	cursor: move;
}
#image_container{
	margin-top: 20px;
	text-align: left;
	position: relative;
	background: #eeeeee;
	padding: 10px;
	border: 1px solid #ccc;
	width: 90%;
	min-height: 50px;
	height: auto !important;
}
#playlist_container{
	position: relative;
	background: #eeeeee;
	padding: 10px;
	border: 1px solid #ccc;
	width: 200px;
	min-height: 50px;
	height: auto !important;
}
.item_remove{
	position: absolute;
	top: 0;
	right: 0;
	background: red;
	Padding: 2px;
	font-size: 10px;
	color: #fff;
	cursor: pointer;
}
#treeview{
width: 80%;
}
#treeview ul{
text-align: left;
}
.learning_form{
border: 1px solid #ccc;
background: #f2f2f2;
padding: 2px;
}