@charset "utf-8";
/* CSS Document */

#template_login { 
	float: right; 
	margin-top: 6px;
}

#template_login form {
	height: 22px;
	margin: 0;
	padding: 0;
}

#template_login .txt_field {
	float: left;
	display: block;
	margin-left: 5px;
	height: 22px;
	width: 150px;
	color: #c7c7c7;
	font-size: 11px;
	padding: 0 5px;
	font-variant: normal;
	line-height: normal;
	background: url(../images/templatemo_login_txt.png) no-repeat;
	border: none;	
	line-height: 22px;
}

#template_login .sub_btn {
	float: left;
	display: block;
	margin-left: 5px;	
 	height: 22px;
	width: 70px;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	vertical-align: bottom;
	white-space: pre;
	color: #c7c7c7;
	border: none;
}

#mid_title {  /*override template */
	font-size: 38px; 
	font-weight: 400; 
	line-height: 40px; 
	color: #000; 
	margin-bottom: 40px; 	
	font-family: Georgia, "Times New Roman", Times, serif;  
}

#login_btn {
	background: url(../images/dc/login_btn.png);
}

#username_link_box {
	padding-right: 10px;
	display: block;
	float: left;		
}

.username_link, .username_link:link, .username_link:visited {
	color: #CCC;
	text-decoration:none;
}

.username_link:hover {
	text-decoration:underline;
}

#logout_btn {
	background: url(../images/dc/logout_btn.png);
}

#site_title h1 a { 
	display: block; 
	width: 203px; 
	height: 33px; 
	color: #fff; 
	text-indent: -10000px; 
	background: url(../images/dc/dc_logo.png) no-repeat top left; 
}

.templatemo_list { 
	list-style:circle;
}

a.more_200 { 
	display: block; 
	width: 200px; 
	height: 29px; 
	line-height: 29px; 
	color: #000; 
	text-align: center; 
	background: url(../images/templatemo_btn_200.png) no-repeat; 
	font-weight: 700; 
	text-decoration: none; 
}

h1, h2, h3, h4, h5, h6 { 
	color: #000; 
	font-weight: normal; 	
	font-family: Georgia, "Times New Roman", Times, serif; 
	/*font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;*/
	
}

.no_scroll {
	overflow:hidden;
}

/* End template override and additions */

.tooltip_text {
	display:none;
}

/* Spinner */

.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	/*margin: -100px 0 0 -100px;*/
	margin: -100px 0 0 -50px;
	height: 100px;
	width: 100px;
	text-indent: 250px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-mask-image: url(../images/dc/spinner.png);
	background-color: #000;
	-webkit-animation-name: spinnerRotate;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes spinnerRotate {
	from {
		-webkit-transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(360deg);
	}
}


/* End Spinner */

/* Contact Us */
#contact_us textarea {
	resize:none;
}

/* End Contact Us */

/* Dashboard */

#dashboard {
	position:relative;
	/*background-color:#ED1316;*/
	overflow-x:hidden;
    overflow-y:hidden;	
}

#dashboard_left {
	position:relative;
	/*display: inline-block;
	background-color:#7213d6;*/
	overflow-x:hidden;
    overflow-y:hidden;
	width: 640px;
	height:590px; 
}

#dashboard_right {
	position:relative;
	margin-left:640px;
	margin-top:-590px;
	/*display: inline-block;
	background-color:#05EBE7;*/
	overflow-x:hidden;
    overflow-y:hidden;
	width: 310px;
	height:590px; /* 580 total*/
}

#dashboard_stats {
	clear:both;
	background-color:#D4BC90;
	overflow-x:hidden;
    overflow-y:hidden;
	margin-top:5px;
	width: 310px;
	height:202px; /*195px;*/
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
}

#dashboard_stats a {
	color: #666;
	text-decoration:underline;
}

#dashboard_stats_table {
	width:300px;
	margin-top:2px;
	margin-left:5px;
	margin-right:10px;
	table-layout:auto;
	padding:5px,5px,5px,5px;
}

#dashboard_locations {
	clear:both;
	background-color:#D4BC90;
	overflow-x:hidden;
    overflow-y:hidden;
	margin-top:5px;
	width: 310px;
	height:373px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
}

#dashboard_select_box {
	position:relative;
/*	background-color:#F5D8BA;*/
	overflow-x:hidden;
    overflow-y:auto;
	width: 300px;
	height:290px; 
	margin-top:4px;
	margin-left:5px;
	border:none;
}

#dashboard_select_table {
	width: 280px;
}

#dashboard_select_table a {
	color:#666;
}


.dashboard_squarebox {
	display: inline-block;
	height:209px;
	width:200px;
	margin-left:5px;
	margin-top:5px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
	/*background-color:#FAEBD7;*/ /*#D4BC90;*/
	background-image:url(../images/dc/dashbox_bkgnd.png);
	font-weight:bold;
}
 
.dashboard_pie_chart {
	margin-top:4px;
	height:170px;
	width:200px;
}

.dashboard_bigbox {
	display: inline-block;
	height:600px;
	width:600px;
	margin-left:5px;
	margin-top:5px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
	background-color:#D4BC90;
	font-weight:bold;
}

/*
#dashboard_graph1 {
	background-color:#ffffff;
}

#dashboard_graph2 {
	background-color:#ffffff;
}
*/
.dashboard_widebox {
	display: inline-block;
	height:150px;
	width:622px;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
	
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
	background-color:#D4BC90;
	font-weight:bold;
}

.dashboard_wide_chart {
	height:130px;
	width:622px;
}

#highlight-blue { /* from jquery ui theme */
	color:#0078a3;
}

.dashboard_select_row2 {
	background-color:#C7A972;
}

/* End of dashboard */

/* Edit/List classes */

#dc_list_container {
	position:relative;
	/*background-color:#FFFF66;*/
	overflow-x:hidden;
    overflow-y:hidden;	
}

#dc_list_top {
	position:relative;
	/*display: inline-block;*/
	background-color:#E8D3AD;
	overflow-x:hidden;
    overflow-y:hidden;
	width: 959px;
	height:190px; 
	padding:0px,5px,0px,5px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
	border-right-color:#fff;
}

#dc_list_middle {
	position:relative;
	/*display: inline-block;*/
	background-color:#AA6E47;
	overflow-x:hidden;
    overflow-y:hidden;
	width: 959px;
	height:36px; 
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-top-color:#fff;
	border-bottom-color:#666;
	margin-top:3px;
	margin-bottom:3px;
	color:#FFF;
}

#dc_list_bottom {
	position:relative;
	/*display: inline-block;*/
	background-color:#D5FAD8;
	overflow-x:hidden;
    overflow-y:auto;
	width: 959px;
	height:364px; 
	padding:5px,5px,5px,5px;
	margin:2px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
}
/* End list styles */

/* twopanel styles */
#twopanel_container {
	position:relative;
	overflow-x:hidden;
    overflow-y:hidden;
	line-height:1.0em;	
	height:590px;
	/*background-color:red;*/
}

.twopanel-plain {
	position:relative;
	overflow-x:hidden;
	overflow-y:hidden;
	width: 490px; /* 959 total*/
	height:590px; 
}


.twopanel {
	position:relative;
	overflow-x:hidden;
	overflow-y:hidden;
	width: 490px; /* 959 total*/
	height:588px; 
	padding:0px,5px,0px,5px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
	border-right-color:#AAA;
	color:#FFF;
}

.twopanel_right {	
	margin-top:-590px;
	margin-left:500px;
	background-color:transparent;
	border:none;
	height:590px;
}

.twopanel_command_bar {
	position:relative;
	background-color:#CCC;
	overflow-x:hidden;
	overflow-y:hidden;
	width: 490px;
	height:36px; 
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-top-color:#fff;
	border-bottom-color:#666;

	color:#FFF;
	font-size:16px;
}

.twopanel_command_bar_table {
	margin-top:2px;
	margin-left:5px;
	margin-right:10px;
	table-layout:auto;
}


.twopanel_select_container {
	position:relative;
	background-color:#FFCB96;/*#FEFED0;/*#D5FAD8;*/
	overflow-x:hidden;
	overflow-y:hidden;
	width: 490px;
	height:507px; 
	padding:5px,5px,5px,5px;
	margin-top:2px;

	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
}

.twopanel_select_table {
	border:none;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;	
}

.twopanel_select_table a {
	color:#666;
	cursor:pointer;
}

.twopanel_select_table td {
	padding:2px;
}

.twopanel_tall_select_box {
	position:relative;
	overflow-x:hidden;
    overflow-y:auto;
	width: 480px;
	height:498px; 
	margin-top:4px;
	margin-left:5px;
	border:none;
}

.twopanel_plain_select_box {
	position:relative;
	overflow-x:hidden;
    overflow-y:auto;
	width: 480px;
	height:580px; 
	margin-top:4px;
	margin-left:5px;
	border:none;
}

/* End twopanel styles */

/* Member page */
#member_spinner {
	display:none;
}

#member_detail_spinner {
	display:none;
}

#member_container {
	position:relative;
	/*background-color:#FFFF66;*/
	overflow-x:hidden;
    overflow-y:hidden;
	line-height:1.0em;	
}

#member_detail {
	position:relative;
	background-color:#37A7C7;/*#E8D3AD;*/
	overflow-x:hidden;
	overflow-y:hidden;
	width: 490px; /* 959 total*/
	height:590px; 
	padding:0px,5px,0px,5px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
	border-right-color:#AAA;
	color:#FFF;
}

#member_image_box {
	width: 102px;
	height:102px;
	padding: 5px;
	margin-left: 10px;
	margin-top: 10px;
	border:1px solid;
	border-color:black;

}

#member_image_box img {
	border:1px solid black;
}

.member_detail_table_top {
	width: 340px;
	margin-top: -118px; /* -114px;*/
	margin-left: 135px;
	margin-bottom: 16px; /* was 30 on mac */
	/*background-color:#2E8EA9;*/
}

#member_detail_tabs {
	position:relative;
	overflow-y:hidden;
	/*margin-bottom:0px;*/
	background-color:#126981; /*448395; /*#126981; /*#22697E; /*37A7C7; #2E8EA9;*/
	width: 470px; 
	height:392px;
	margin-left:6px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
	border-right-color:#FFF;
	color:#FFF;	
}



.ui-widget-content { /* override tab content background */
/*	background:none;*/
	background:#CCC;
}

#member_tab1, #member_tab2, #member_tab3 {
	height:326px;
	font-size:12px;
	color:white;
	/*background-color:#2E8EA9;*/
	padding:0px;
}

.member_detail_table {
	width: 426px;
	border: none;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

#member_detail textarea {
	resize:none;
	border-color:#CCC;
	width:445px;
}

#member_detail_events {
	width: 426px;
	height: 326px;
	background-color:white;
	color:black;
	overflow-x:hidden;
    overflow-y:auto;
	padding-left:5px;
}

#member_event_content {
	cursor:pointer;
}

#member_rightpanel {
	position:relative;
	margin-left:500px;
	margin-top:-590px;
	/*display: inline-block;
	background-color:#05EBE7;*/
	overflow-x:hidden;
    overflow-y:hidden;
	width: 459px;
	height:590px; /* 580 total*/
	border:none;
}

#member_command_bar {
	position:relative;
	/*display: inline-block;*/
	background-color:#FFA040; /*#AA6E47; brown*/
	overflow-x:hidden;
    overflow-y:hidden;
	max-width: 459px;
	height:36px; 
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-top-color:#fff;
	border-bottom-color:#666;
	margin-bottom:3px;
	color:#FFF;
}

#member_select_container {
	position:relative;
	/*display: inline-block;*/
	background-color:#FFCB96;/*#FEFED0;/*#D5FAD8;*/
	overflow-x:hidden;
	overflow-y:hidden;
	width: 457px;
	height:507px; 
	padding:5px,5px,5px,5px;
	margin-top:2px;
	margin-bottom:2px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
}



#member_select_box {
	position:relative;
	/*display: inline-block;
	background-color:#555;*/
	overflow-x:hidden;
    overflow-y:auto;
	width: 448px;
	height:498px; 
	margin-top:4px;
	margin-left:5px;
	border:none;
}


.member_command_table {
	margin-top:2px;
	margin-left:5px;
	margin-right:10px;
	table-layout:auto;
}

#member_select_table {
	width:424px;
	border:none;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;	
}

#member_select_table a {
	color:#666;
	cursor:pointer;
}

#member_select_table td {
	padding:2px;
}

.member_select_row2 {
	background-color:#FFB870;
}

.member_event_row2 {
	background-color:#ACDAE8;
}

.members_image_upload {
	background-color:#37A7C7;
	width:560px;
	height:310px;
}

.member_saving {
	color:#FFFF00;
	font-weight:bold;
	font-size:14px;
}

.member_import_results_table {
	font-size:10px;
}

/* End Member styles */

/* Settings page */

#settings_command_bar_top {
	background-color:#126981;
	margin-bottom:3px;
}

#settings_command_bar_top_text {
	font-weight:bold;
	padding-top: 7px;
}

#settings_command_bar_bottom {
	background-color:#126981;
	margin-top:3px;
}

#settings_twopanel_left {
	background-color:#126981;
}

#settings_detail_top {
	height:420px;
}

#settings_detail_bottom {
	margin-top:10px;
	height:140px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
	border-right-color:#FFF;
	background-color:#0C485A;
}

#settings_twopanel_right {

}

#settings_information {
	background-color:#ACDAE6;
	color:black;
}

#settings_information_table {
	font-size:14px;
	/*line-height:1.5em;*/
}

#settings_command_bar_bottom_table {
	padding-right:20px;
}

/* End Settings styles*/

/* myaccount page */

#myaccount_command_bar_top {
	background-color:#126981;
	margin-bottom:3px;
}

#myaccount_command_bar_top_text {
	font-weight:bold;
	padding-top: 7px;
}

#myaccount_command_bar_bottom {
	background-color:#126981;
	margin-top:3px;
}

#myaccount_twopanel_left {
	background-color:#126981;
}

#myaccount_detail_top {
	height:420px;
}

.myaccount_detail_dark {
	margin-top:10px;
	height:160px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
	border-right-color:#FFF;
	background-color:#0C485A;
}

#myaccount_twopanel_right {

}

#myaccount_information {
	background-color:#ACDAE6;
	color:black;
}

#myaccount_information_table {
	font-size:14px;
	/*line-height:1.5em;*/
}

#myaccount_command_bar_bottom_table {
	padding-right:20px;
}

/* End myaccount styles*/

/* Dojos page */

#dojos_spinner {
	display:none;
}

#dojos_command_bar_top {
	background-color:#744F30;
	margin-bottom:3px;
}

#dojos_command_bar_top_text {
	font-weight:bold;
	padding-top: 7px;
}

#dojos_command_bar_bottom {
	background-color:#744F30;
	margin-top:3px;
}

#dojos_twopanel_left {
	background-color:#128165;
}

#dojos_detail_top {
	height:420px;
}

#dojos_detail_top textarea {
	resize:none;
	border-color:#CCC;
	width:290px;
}

#dojos_detail_top p {
	padding: 10px;
}


#dojos_detail_bottom {
	margin-top:10px;
	height:140px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#CCC;
	border-right-color:#CCC;
	background-color:#0D604B;
}

#dojos_twopanel_right {

}

#dojos_information {
	background-color:#CBA381;
	color:black;
}

#dojos_information_table {
	font-size:14px;
	/*line-height:1.5em;*/
}

#dojos_select_table a {
	color:#000;
	cursor:pointer;
}

#dojos_command_bar_bottom_table {
	padding-right:20px;
}

.dojos_select_row2 {
	background-color:#B98456;
}


/* End Dojo styles*/

/* Exam Builder page */

#exam_builder_spinner {
	display:none;
}

#exam_builder_command_bar_top {
	background-color:#744F30;
	margin-bottom:3px;
}

#exam_builder_command_bar_top_text {
	font-weight:bold;
	padding-top: 7px;
}

#exam_builder_command_bar_bottom {
	background-color:#744F30;
	margin-top:3px;
}

#exam_builder_twopanel_left {
	background-color:#128165;
	overflow-y:hidden;
}

#exam_builder_detail_top {
	height:420px;
}

#exam_builder_detail_top textarea {
	resize:none;
	border-color:#CCC;
	width:290px;
}

#exam_builder_detail_top p {
	padding: 10px;
}


#exam_builder_detail_bottom {
	margin-top:10px;
	height:140px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#CCC;
	border-right-color:#CCC;
	background-color:#0D604B;
	overflow-y:auto;
}

#exam_builder_detail_table a {
	color:white;
	cursor:pointer;
	text-decoration:none;
}

#exam_builder_linked_table a {
	color:white;
	cursor:pointer;
	text-decoration:none;
}

#exam_builder_twopanel_right {

}

#exam_builder_information {
	background-color:#CBA381;
	color:black;
}

#exam_builder_information_table {
	font-size:14px;
	/*line-height:1.5em;*/
}

#exam_builder_select_table a {
	color:#000;
	cursor:pointer;
}

#exam_builder_command_bar_bottom_table {
	padding-right:20px;
}

.exam_builder_select_row2 {
	background-color:#B98456;
}

/* End Exam Builder styles*/

/* Rank styles */
#rank_container {
	position:relative;
	background-color:#37A7C7;
	overflow-x:hidden;
    overflow-y:hidden;
	width: 959px; /* 959 total*/
	height:590px; 
	padding:0px,5px,0px,5px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
	border-right-color:#fff;
}

#rank_header_bar {
	position:relative;
	background-color:#126981;
	margin:5px;
	overflow-x:hidden;
	overflow-y:hidden;
	width: 946px;
	height:36px; 
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-top-color:#fff;
	border-bottom-color:#666;
	margin-bottom:3px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}

#rank_header_bar table{
	padding-top:2px;	
	margin-left: 8px;
}

#rank_header_bar img{
	margin-top:2px;
	vertical-align:baseline;	
}


#rank_list_container {
	width: 945px;		
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-top-color:#fff;
	border-bottom-color:#666;
	margin:5px;
	color:#000;
	background-color:#DDD;
}

#rank_list_scroll {
	overflow-x:hidden;
	overflow-y:scroll;
	height:488px;
	margin:3px;
	margin-right:5px;
}

#rank_list_container form {
	margin:5px;
	/*background-color:green;*/
}

#rank_command_bar {
	position:relative;
	background-color:#126981;
	margin:5px;
	overflow-x:hidden;
	overflow-y:hidden;
	width: 946px;
	height:36px; 
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-top-color:#fff;
	border-bottom-color:#666;
	margin-bottom:3px;
	color:#FFF;	
}

.rank_count {
	width:48px;
	padding-right:3px;
	text-align:right;
	border: 1px solid #37A7C7;
	background-color:#126981;
	border-radius:3px;
	color:white;
}

/* End Rank styles */

/* Widebox styles */
.widebox_container {
	position:relative;
	background-color:#37A7C7;
	overflow-x:hidden;
    overflow-y:hidden;
	width: 959px; /* 959 total*/
	height:590px; 
	padding:0px,5px,0px,5px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
	border-right-color:#fff;
}

#widebox_header_bar {
	position:relative;
	background-color:#126981;
	margin:5px;
	overflow-x:hidden;
    overflow-y:hidden;
	width: 946px;
	height:36px; 
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-top-color:#fff;
	border-bottom-color:#666;
	margin-bottom:3px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}

#widebox_header_bar table{
	padding-top:6px;	
}

#widebox_header_bar img{
	margin-top:2px;
	vertical-align:baseline;	
}


#widebox_list_container {
	width: 945px;		
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-top-color:#fff;
	border-bottom-color:#666;
	margin:5px;
	color:#000;
	background-color:#DDD;
}

#widebox_list_scroll {
	overflow-x:hidden;
	overflow-y:scroll;
	height:488px;
	margin:3px;
	margin-right:5px;
}

#widebox_list_container form {
	margin:5px;
	/*background-color:green;*/
}

#widebox_command_bar {
	position:relative;
	background-color:#126981;
	margin:5px;
	overflow-x:hidden;
	overflow-y:hidden;
	width: 946px;
	height:36px; 
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-top-color:#fff;
	border-bottom-color:#666;
	margin-bottom:3px;
	color:#FFF;	
}

/* End widebox styles */

/* tripanel styles */
#tripanel_container {
	position:relative;
	overflow-x:hidden;
    overflow-y:hidden;
	line-height:1.0em;	
	height:590px;
	/*background-color:red;*/
}

.tripanel-plain {
	position:relative;
	overflow-x:hidden;
	overflow-y:hidden;
	width: 314px; /* 959 total*/
	height:590px; 
}


.tripanel {
	position:relative;
	overflow-x:hidden;
	overflow-y:hidden;
	width: 314px; /* 959 total*/
	height:588px; 
	padding:0px,5px,0px,5px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
	border-right-color:#AAA;
	color:#FFF;
}

#tripanel_left {	
	background-color:#37A7C7;
}

#tripanel_middle {	
	margin-top:-590px;
	margin-left:322px;
}

#tripanel_right {	
	margin-top:-590px;
	margin-left:644px;
}

.tripanel_command_bar {
	position:relative;
	background-color:#FFA040; /*#AA6E47; brown*/
	overflow-x:hidden;
	overflow-y:hidden;
	width: 312px;
	height:36px; 
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-top-color:#fff;
	border-bottom-color:#666;
	margin-bottom:3px;
	color:#FFF;
}

.tripanel_command_bar_table {
	margin-top:2px;
	margin-left:5px;
	margin-right:10px;
	table-layout:auto;
}


.tripanel_select_container {
	position:relative;
	background-color:#FFCB96;/*#FEFED0;/*#D5FAD8;*/
	overflow-x:hidden;
	overflow-y:hidden;
	width: 312px;
	height:507px; 
	padding:5px,5px,5px,5px;
	margin-top:2px;
	margin-bottom:2px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
}

.tripanel_select_table {
	border:none;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;	
}

.tripanel_select_table a {
	color:#666;
	cursor:pointer;
}

.tripanel_select_table td {
	padding:2px;
}

.tripanel_tall_select_box {
	position:relative;
	overflow-x:hidden;
    overflow-y:auto;
	width: 300px;
	height:498px; 
	margin-top:4px;
	margin-left:5px;
	border:none;
}

/* End tripanel styles */

/* Event styles */
#event_spinner {
	display:none;
}
#attendee_spinner {
	display:none;
}

.event_detail_table {
	width: 300px;
	/*margin-top: -148px;  -114px;*/
	margin-top:2px;
	margin-left: 4px;
	margin-bottom: 12px; /* was 30 on mac */
	/*background-color:#2E8EA9;*/
}

#event_detail_members {
	position:relative;
	overflow-y:hidden;
	/*margin-bottom:0px;*/
	background-color:#126981; /*448395; /*#126981; /*#22697E; /*37A7C7; #2E8EA9;*/
	width: 300px; 
	height:382px; /*was 392 */
	margin-left:6px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
	border-right-color:#FFF;
	color:#FFF;
	
}

#event_detail_members_scroll {
	position:relative;
	height:376px;
	overflow-x:hidden;
	overflow-y:auto;
	margin:3px;
	margin-right:5px;
}

#event_detail_table_bottom {
	width: 276px;
	padding: 2px;
	margin-right:6px;
}

#event_detail_table_bottom a {
	color:white;
	cursor:pointer;
}

.event_panel_command_bar {
	background-color:#B339F1;	
}

.event_panel_select_box {
	background-color:#E2B5F9;
}

#event_panel_select_box_scroll {
	position:relative;
	height:498px;
	overflow-x:hidden;
	overflow-y:auto;
	margin:3px;
	margin-right:5px;	
}

#event_select_panel {
	background-color:#B339F1;	
}

#event_member_select_box {
	position:relative;
	/*display: inline-block;
	background-color:#555;*/
	overflow-x:hidden;
    overflow-y:auto;
	width: 300px;
	height:498px; 
	margin-top:4px;
	margin-left:5px;
	border:none;
}

#event_select_table {
	width:280px;
}

#event_member_select_table {
	width:276px;
}

.event_select_row2 {
	background-color:#D492F6;
}

.event_saving {
	color:#FFFF00;
	font-weight:bold;
	font-size:14px;
}

/* End Event styles*/


/* Exam_event styles */
#exam_event_spinner {
	display:none;
}
#attendee_spinner {
	display:none;
}

.exam_event_detail_table {
	width: 300px;
	/*margin-top: -148px;  -114px;*/
	margin-top:2px;
	margin-left: 4px;
	margin-bottom: 12px; /* was 30 on mac */
	/*background-color:#2E8EA9;*/
}

#exam_event_detail_members {
	position:relative;
	overflow-y:hidden;
	/*margin-bottom:0px;*/
	background-color:#126981; /*448395; /*#126981; /*#22697E; /*37A7C7; #2E8EA9;*/
	width: 300px; 
	height:382px; /*was 392 */
	margin-left:6px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
	border-right-color:#FFF;
	color:#FFF;
	
}

#exam_event_detail_members_scroll {
	position:relative;
	height:376px;
	overflow-x:hidden;
	overflow-y:auto;
	margin:3px;
	margin-right:5px;
}

#exam_event_detail_table_bottom {
	width: 276px;
	padding: 2px;
	margin-right:6px;
}

#exam_event_detail_table_bottom a {
	color:white;
	cursor:pointer;
}

.exam_event_panel_command_bar {
	background-color:#F1D339;	
}

.exam_event_panel_select_box {
	background-color:#F9F2B5;
}

#exam_event_panel_select_box_scroll {
	position:relative;
	height:498px;
	overflow-x:hidden;
	overflow-y:auto;
	margin:3px;
	margin-right:5px;	
}

#exam_event_select_panel {
	background-color:#F1D339;	
}

#exam_event_member_select_box {
	position:relative;
	/*display: inline-block;
	background-color:#555;*/
	overflow-x:hidden;
    overflow-y:auto;
	width: 300px;
	height:498px; 
	margin-top:4px;
	margin-left:5px;
	border:none;
}

#exam_event_select_table {
	width:280px;
}

#exam_event_member_select_table {
	width:276px;
}

.exam_event_select_row2 {
	background-color:#F0F054;
}

.exam_event_saving {
	color:#FFFF00;
	font-weight:bold;
	font-size:14px;
}

/* End Exam_event styles*/


/* Login page */
.login_container {
	border:none;
	background-color:transparent;
}

.login_box {
	position:relative;
	width:350px;
	height:270px;
	left:50%;
	margin:0 0 0 -175px;
	background-color:#FFFFFF;
	
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-top-color:#ccc;
	border-bottom-color:#666;
}

.login_box_captcha {
	height:400px;
}

.login_box_register {
	height:440px;
}

.login_box img {
	padding-top:10px;
}

.login_box_bottom {
	height:140px;
	background-color:#126981;
	color:#FFF;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding-top:5px;
	margin-top:15px;
}

.login_box_bottom_captcha {
	height:270px;
	/*background-color:transparent;
	color:black;*/
}

.login_box_bottom_register {
	height:310px;
}

.login_box_table {
	width:350px;
}

/* End Login page */

/* Register page */

.register_box {
	background-color:#126981;
	color:#FFF;
	padding:15px;
	height:inherit;
}

#register_title {
	font-size:18px;
	text-align:center;
}

.register_header {
	background-color:#37A7C7;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-top-color:#ccc;
	border-bottom-color:#666;
	padding-left:10px;
	font-weight:normal;
	font-size:14px;
}

/* End register page */

/* User page */

#user_spinner {
	display:none;
}

.user_panel {
	position:relative;
	background-color:#D7D1D1; 
	overflow-x:hidden;
	overflow-y:hidden;
	width: 312px;
	height:192px; 
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-top-color:#fff;
	border-bottom-color:#666;
	margin-bottom:4px;
	color:#000;
}

.user_panel a {
	color:#126981;
	cursor:pointer;
}

#user_detail {
	position:relative;
	overflow-y:hidden;
	/*margin-bottom:0px;*/
	background-color:#126981; /*448395; /*#126981; /*#22697E; /*37A7C7; #2E8EA9;*/
	width: 300px; 
	height:390px; /*was 382 */
	margin-left:6px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
	border-right-color:#FFF;
	color:#FFF;
	
}

#user_detail_scroll {
	position:relative;
	height:366px;
	overflow-x:hidden;
	overflow-y:auto;
	margin:3px;
	margin-right:5px;
}

.user_detail_table {
	width: 300px;
	margin-top:2px;
	margin-left: 4px;
	margin-bottom: 12px; /* was 30 on mac */
}

#user_detail_table_bottom {
	width: 276px;
	padding: 2px;
	margin-right:6px;
}

#user_detail_table_bottom a {
	color:white;
	cursor:pointer;	
}


.user_panel_title {	
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
}

.user_panel_select_box {
	position:relative;
	overflow-x:hidden;
    overflow-y:auto;
	width: 300px;
	height:144px; 
	margin-top:4px;
	margin-left:5px;
	border:none;
}

#user_member_select_table {
	width:276px;
}


/* End User page */

/* Convert Ranks */

.convert_ranks_box {
	background-color:#126981;
	color:#FFF;
	padding:15px;
	height:inherit;
}

#convert_ranks_title {
	font-size:18px;
	text-align:center;
}

.convert_ranks_header {
	background-color:#37A7C7;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-top-color:#ccc;
	border-bottom-color:#666;
	padding-left:10px;
	font-weight:normal;
	font-size:14px;
}

/* End Convert Ranks */

/* Attendance Page */

#attendance_spinner {
	display:none;
}

.attendance_container {
	background-color:silver;
}

.attendance_header_bar {
	position:relative;
	background-color:#041A20;
	margin:5px;
	overflow-x:hidden;
	overflow-y:hidden;
	width: 946px;
	height:36px; 
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-top-color:#fff;
	border-bottom-color:#666;
	margin-bottom:3px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}

.attendance_box {
	background-color:silver; /*#272626;*/
	color:#FFF;
	padding:15px;
	height:466px;
	overflow-x:hidden;
    overflow-y:auto;
	text-align:center;
}

.attendance_table td {
	text-align:center;
	width: 102px;
	vertical-align:top;
}

.attendance_image_container {
	background-color:#0000f0; /* rank border*/
	width: 102px;
	/*height:102px;*/
	height:102px;
	padding: 0px;
	border:1px solid;
	border-color:#424242;
	
}

.attendance_picture {
	width: 90px;
	height: 90px;
	margin-top: 5px;
	/* content: url(../pictures/197_7608c3d0b3f4b5c41737729994647b0e.jpg); */
	background: url(../images/dc/default_attendance_icon.jpg);
	border:1px solid;
	border-color:black;	
}

.attendance_image {
	
	/*background: url(../images/default_user_icon.jpg);*/
	/*background: url(../pictures/197_7608c3d0b3f4b5c41737729994647b0e.jpg);*/
	background-repeat: no-repeat;
	/*content: url(../pictures/197_7608c3d0b3f4b5c41737729994647b0e.jpg);*/
	/*content: url(../images/default_user_icon.jpg);*/
	background-clip:content-box;
	/*background-position: 0px -10px;*/
	
	/*background-color:#1FC74C;*/
	width: 90px;
	
	/*margin-left: -45px;
	margin-top: -4px;*/
	/*height:90px;*/
	height:90px;
	margin-left: 0px;
	margin-top: -91px; /* 5px*/

	
	
	/*clip:rect(10px,90px,100px,0px);*/ /*(top right bottom left);*/
}

#attendance_list_dates {
	cursor:pointer;
}

/* End Attendance */

/* Reports Page */

#reports_spinner {
	display:none;
}

.reports_container {
	background-color:silver;
	
}

.reports_header_bar {
	position:relative;
	background-color:#041A20;
	margin:5px;
	overflow-x:hidden;
	overflow-y:hidden;
	width: 946px;
	height:36px; 
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-top-color:#fff;
	border-bottom-color:#666;
	margin-bottom:3px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}

.reports_box {
	background-color:silver; /*#272626;*/
	color:#FFF;
	padding:15px;
	height:200px;
	overflow-x:hidden;
    overflow-y:hidden;
	text-align:center;
	border:none;
}

.reports_table_top {
	border-color:white;
	color:black;
	cursor:pointer;
}
/*
#reports_table1 ul > li {
	list-style-image:url('../images/dc/white-circle.png');
	list-style-position:inside;
	text-align:left;
	font-size:16px;	
	background-color:#126981;
	padding: 5px;
	padding-left:10px;
	height:18px; 
	border:1px solid;
	border-radius:20px;
	border-color:#black;
	border-bottom-color:#666;
	border-top-color:#fff;
	border-right-color:#FFF;
	color:#FFF;
}
*/
/*
.reports_table_top span {
	background-image:url(../images/dc/bluefade36.png);
	background-repeat:repeat;
	font-size:12px;	
	padding: 5px;
	padding-left:10px;
	padding-right:8px;
	height:18px; 
	border:1px solid;
	border-radius:10px;
	border-color:#black;
	border-bottom-color:#666;
	border-top-color:#DDD;
	border-right-color:#FFF;
	color:#FFF;
}*/



.reports_button {
	width:116px;
	background-image:url(../images/dc/bluefade36.png);
	background-repeat:repeat;
	font-size:12px;	
	/*background-color:#126981;
	padding: 5px;
	padding-left:10px;
	padding-right:8px;*/
	padding:5px;
	height:18px; 
	border:1px solid;
	border-radius:10px;
	border-color:#black;
	border-bottom-color:#666;
	border-top-color:#DDD;
	border-right-color:#FFF;
	color:#FFF;
	text-align:center;
}

.reports_button:hover {
	text-decoration:underline;
	color:yellow;
}

.reports_detail_box {
	position:relative;
	overflow-y:hidden;
	background-color:#126981; 
	width: 946px; 
	height:310px; 
	margin-left:6px;
	border:1px solid;
	border-radius:10px;
	border-color:#CCC;
	border-bottom-color:#666;
	border-top-color:#fff;
	border-right-color:#FFF;
	color:#FFF;
}

#report_title {
	text-align:center;
	font-size:18px;
	font-weight:bold;
}
/* End Reports page