/*--------------------
Generic styles
--------------------*/
body 
{
	width: 100%; background: #f3f3f3; _position: relative; font-family: Arial, verdana;
	
	background: -moz-linear-gradient(top, #eee, #fff) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)) repeat-x;
}

a { text-decoration:none; }
img { border:none; }
td { vertical-align:top; }

#wrapper
{	
	width:98%; margin:0 auto; margin-top: -15px; min-width: 980px;
}
#print #wrapper {margin: 0 auto;}

#header {
	background:#661C1C; color:#FFFFFF; padding:10px 2.5% 25px 2.5%; border-bottom: 1px solid #fff;
	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5F1D1D', endColorstr='#6F1B1B');
	background: -webkit-gradient(linear, left top, left bottom, from(#5F1D1D), to(#6F1B1B));
	background: -moz-linear-gradient(top, #5F1D1D, #6F1B1B);
}

.content{
	margin-top:3px; z-index:1; min-height:400px; height:auto !important; height:400px; width: 100%;
}

#main-wrap {
	background: #fff; margin-top: 20px; box-shadow: 0px 0px 10px #aaa; padding: 10px; overflow: hidden;
}
#sidebar {
	float: left; clear: both; width: 150px;
}
#main-wrap-nav {
	line-height: 1.5em; list-style: none; width: 150px;
}
#main-wrap-nav li {
	border-bottom: 1px solid #ddd;
}
#main-wrap-nav a {
	padding: 2px; display: block; padding: 5px 10px 5px 5px; color: #000;
}
#main-wrap-nav a.active {
 background: #777; color: #fff;
}
#main-wrap-nav a:hover:not(.active) {
	background: #FDE84E;
}

#main {
	margin: 25px 0 0 170px;
}
#main dl {
	overflow: hidden; margin-top: 10px;
}
#main dt, #main dd {
	float: left; line-height: 2em;
}
#main dt {
	clear: left; width: 300px;
}
#main dd {
	color: #77777A;
}
#main a {
	padding: 2px; color: #1013C0;
}
#main a:hover {
	background: #1462A9; color: #fff;
}

.main-body-nav {
	display: none;
}
.main-body-nav:first-of-type {
	display: block;
}
.main-title {
	font-weight: normal; font-size: 14px;
}

.main {width: 75%; float: right;}
.sidebar {float: left; width: 25%;}

h2 {font-size: 21px; font-family: georgia, verdana, tahoma; font-style: italic; font-weight: normal; margin: 10px 5px 5px 5px; color: #333; border-bottom: 1px solid #ccc; padding-bottom: 10px;}

#footer
{
	border-top:1px solid #ccc; margin-top:10px; padding-top:10px; text-align:center; height:50px; clear:both;
}

/*--------------------
Cumulation pages styles
--------------------*/

#cumulation_content, #cumulation2d_content 
{
	background: #fff; padding: 20px; border: 1px solid #ccc;
	
	-moz-border-radius:5px;
	border-radius:5px;  
	
	/* This will make it stretch as much as the inner table needs :) Happy trick */
	/*display:table;*/
	overflow: hidden;
	
}
#cumulation_content .chart, #cumulation_content .report {float: left;}

#cumulation_content .report
{ 
	margin-right: 20px;
}

#cumulation2d_content {text-align: center;}
#cumulation2d_content .chart, #cumulation2d_content .report 
{
	margin: 0 auto;
}


.content h3 {
	color: #0a0; line-height:30px; padding-left:5px; background:#E9FFEC; margin: 5px 0;
}

.date_control {
	border-bottom: 1px solid #CCCCCC;
    color: #333333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    overflow: hidden;
}

.date_control form {
	float: right;
}

.paging .date_control {padding-bottom: 0; border-bottom: 0 none; float: right; margin-bottom: 0;}

.date_control .datepicker {width: 75px;}

/*--------------------
Report page styles
--------------------*/
.data_grid_master {width: 100%; clear: both;}

table.report{
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	
	border-spacing:0;
	border-collapse: collapse; 
	
	background:#ffffff;
	width: 100%; 
}


table.report tbody tr td {
	border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    line-height: 20px;
    padding: 2px 5px;
    vertical-align: top;
}
table.report tbody tr td:last-child {border-right: 1px solid #CCCCCC;}
.row_selector {display: block;}

table.report tr th, .additional_information h1, .pulley .heading{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background:#5B75A8;
	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5B75A8', endColorstr='#3C4E6F'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#5B75A8), to(#3C4E6F)); 
	background: -moz-linear-gradient(top,  #5B75A8,  #3C4E6F); 
	
	font-weight:normal;
	color:#fff;
	padding: 3px;
	
	cursor:pointer;
	line-height: 26px; /*20 earlier*/
}

table.report tr th  
{ 
	font-weight: bold; 
	/*line-height: 26px; */
	padding: 0 5px;
}
table.report .visible_popup {font-weight: normal;}
/*---------------------
	TH WIDTHS
---------------------*/
table.report tr th.all_selector {width: 14px;}
table.report tr th.menu {width: 39px; text-align: center; padding: 0;}
table.report tr th.info {width: 28px; text-align: center; padding: 0;}

table.report tr th.auto, table.report tr td.auto {width: 1px; white-space: nowrap;}
table.report tr td.bold {font-weight: bold; color: #333;}

table.report tr th.sorted
{
	background:#35548F;
	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7EA2E9', endColorstr='#5A73A5'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#7EA2E9), to(#5A73A5)); 
	background: -moz-linear-gradient(top,  #7EA2E9,  #5A73A5); 
}

table.report tr th a {
	color:#fff;
	cursor:pointer;
}

table.report thead tr th a:hover {
	/*text-decoration:underline;*/
}

table.report tr td a {
	white-space:nowrap;
	
	cursor:pointer;
	border:1px solid #aaa;
	padding:0px 5px 1px 5px;
	font-weight:normal;
	color:#000;

	background: #ebebeb; /* for non-css3 browsers */
	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#dedede');
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#dedede));
	background: -moz-linear-gradient(top,  #f7f7f7,  #dedede);
	
	cursor:pointer;
	display:inline-block; /*otherwise gradients wont work*/
}

table.report tr td a:hover {
	text-decoration:underline;
}

table.report tr td a.simple {
	border:none;
	background:none;
	font-weight:bold;
	color:#0A58AA;
	white-space:normal;
	padding:0;

}

table.report tr.green .simple { color:#fff; }
table.report tr.selected_row, table.report tr.selected_row a.simple { background:#5C9508; color:#fff; }
table.report tr.hovered_row, table.report tr.hovered_row a.simple { background:#D7E0ED;}

table.report tr td .currency { float:right; font-family:monospace; }
table.report tr td .negative { color: #c00; }

table.report .summation td{background: #D1DDEF; font-weight: bold;}

/*Small INFO tables */
table.report table.info {border: 1px solid #ccc; border-top: 0 none; width: 100%;}
table.report table.info th {background: none; text-align: left; vertical-align: top; white-space: nowrap;}
table.report table.info th, table.report table.info td {padding: 3px 5px; color: #000; border: 0 none; border-bottom: 1px solid #ccc;}


.minor_fields {margin-top: 5px;}
.minor_fields span {font-size: 11px; color: #666; margin-right: 15px; width: 150px;}
.minor_fields span strong {font-size: 11px; color: #666; margin-right: 5px;}
.minor_fields .label {font-weight: bold;}
.minor_fields .full_width {display: block;}

.green .minor_fields span, .green .minor_fields span strong {color: #fff;}

/*--------------------
Entry form styles
--------------------*/

.entry_form
{
	/*min-width: 760px; This is breaking date form on cumualtion pages. Added by Puneet*/
}

input[type=text], textarea {border: 1px solid #999;}
textarea {display: block;}
.entry_form input[type=text], input[type=password], .entry_form textarea , .entry_form input[type=search]
{
	padding: 3px; 
	border: 1px solid #999;
}

.entry_form table select , .entry_form table select  
{
	padding: 3px; 
	border: 1px solid #999; 
	background: #fff; 
	
	font-size: 12px;
	
	/*max-height:23px; /* This is a trick to make the height of the select tag same in firefox and chrome*/
	height:24px;
}

.entry_form_table {width: 100%;}

.history_information {width: 49%; float: left; margin-left: 1%;}

/*---------------
Float technology removed so this code is redundant
-----------------
.entry_form div.table select { height: 23px;}
.entry_form div.table input[type=text] {height: 15px;}

div.table{border-left: 1px solid #B3C58F;border-right: 1px solid #B3C58F;border-bottom: 1px solid #B3C58F;}
div.table div.canvas {float: left;border-bottom: 1px solid #B3C58F;border-top: 1px solid #B3C58F;margin-top: -1px;}
div.table .entrylabel {display: block; float: left;line-height: 30px; font-weight: bold;color: #333;}
div.table .control_holder {padding: 3px;float: left;border-left: 1px solid #B3C58F; min-height: 25px; line-height: 24px; position:relative;}

div.table .control_holder table th {text-align: left; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #333;}
div.table .control_holder table td, div.table .control_holder table th {
	padding: 1px 5px;
}

div.table div.full {width: 100%;}
div.table .full .entrylabel {width: 14.5%;padding-right: 0.5%;}
div.table .full .control_holder {width: 83%;}

div.table div.half {float: left;width: 50%;height: 30px;}
div.table .half .entrylabel {width: 29%;padding-right: 1%;}
div.table .half .control_holder {width: 68%;}

div.table .full:last-child, div.table .half:last-child {border-bottom: 0 none;}
*/

table.entry{
	border-left: 1px solid #B3C58F;
	border-top: 1px solid #B3C58F;
	
	border-spacing:0;
	border-collapse: collapse; 
	
	width:100%;
}

div.input_section table.entry tr td, div.input_section table.entry tr th 
{
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 3px;
	line-height: 24px;
}

div.input_section table.entry tr th {width: 12.5%; text-align:right;}

div.input_section label { font-weight: bold; }

div.input_section table.entry tr .noborder
{
	border-right: 0 none;
}

div.input_section table.entry tr td.control_holder { position:relative; }
div.input_section table.entry tr td.colspan1 { width: 12%; }
div.input_section table.entry tr td.colspan2 { width: 35%; }
div.input_section table.entry tr td.colspan3 { width: 35%; }
div.input_section table.entry tr td.colspan7 { width: 70%; }

/* Table style to display entry form fields */
table.entry2{
	border-spacing:0;
	border-collapse: collapse; 
	width:100%;
}

table.entry2 tr td {
	border:none;
	padding:0;
}

/* Table style to display normal table things */
table.normal
{
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	
	border-spacing:0;
	border-collapse: collapse; 
}

table.normal tr td, table.normal tr th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3px;
}

table.normal a
{
	color:#E85F17;
	font-weight:bold;
}

table.normal a:hover
{
	text-decoration:underline;
}

.message_success, .message_error, .message_info
{	
	clear: both;
}

.message_error li, .message_success li, .message_info li , label.error
{
	font-weight: bold;
	padding: 10px;
	list-style-type: none;
	margin: 3px 0;
}

.message_error li , label.error
{
	border: 1px solid #a00;
	color: #a00;
	background: #FFCFCF;
	display:block;
}
.message_success li
{
	border: 1px solid #0a0;
	color: #0a0;
	background: #CFFFCF;
}


.message_info li
{
	border: 1px solid #33C3CF;
	color: #006A7F;
	background: #CFF7FF;
}

#header h1{
	font-family: georgia, verdana, tahoma;
	font-size: 24px;
	font-weight: normal;
	padding: 5px;
}

.page_heading {height: 40px;}
.pagetitle {font-family: georgia, verdana, tahoma; font-size: 24px; font-weight: normal; padding: 4px 10px 6px 0; float: left;  display: inline;}


/* There arent any images so probably this style is useless
.deepgrey , .sorted
{
	background:url(../images/deeplayer.png) repeat-x;
}
*/
.pink { background:#F9BABA; }
.grey {	background:#f9f9f9; }
.white { background:#fff; }
.yellow { background:#FFFFBF; }
.yellowtext{color: #FFFF00;}
.lemon { background:#FFE013; }
.orange { background:#ff6600; color:#fff; }
.lightblue { background:#DBEFFF; }
.green { background:#5C9508; color:#fff; }
.greentext {color: #5C9508; font-weight: bold;}
.bold {font-weight: bold;}

.red, div.table .red { background:#c00; color:#fff; font-weight:bold; }
.redtext {color: #a00; font-weight: bold;}

.selected_column
{
	background:#066F95;
	color:white;
}

.mono
{
	font-family:monospace;
	text-align:right;
}

/*--------------------
Login box styles
--------------------*/
.login
{
	margin:70px auto;
	width:324px;
}

.login div
{	
	border:1px solid #efefef;
	font-size:12px;
	font-family:Arial;
	padding:10px;
	background:#fff;
	overflow: hidden;
	
	-webkit-box-shadow: 0px 2px 15px #ccc;
	-moz-box-shadow: 0px 2px 15px #ccc;
	box-shadow: 0px 2px 15px #ccc;
}

.login h1 {padding: 10px;}
.login h1, .login h1 img {font-size: 24px; text-align:center;}
.login p{padding: 10px 0; overflow: hidden;}
.login .rme {float: left; display: block; padding: 8px 2px;}
.login .rme input {margin-right: 5px;}
.login #submit {
	width: 75px;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	border: 3px solid #eee;
	float: right;
	cursor: pointer;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	
	background: #D52D00;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D52D00', endColorstr='#BA2500');
	background: -webkit-gradient(linear, left top, left bottom, from(#D52D00), to(#BA2500));
	background: -moz-linear-gradient(top, #D52D00, #BA2500);
}
.login #submit:hover
{
	border: 3px solid #ccc;
	-webkit-box-shadow: 0px 0px 0px #999;
	-moz-box-shadow: 0px 0px 0px #999;
	box-shadow: 0px 0px 0px #999;
}

.logininput, .login input[type=password]
{
	width: 290px;
	padding: 5px;
	border: 1px solid #999;
	
	background: -moz-linear-gradient(0% 0% 270deg, #f6f6f6, #FFFFFF);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#FFFFFF));}
}

.logininputactive {border: 1px solid #666;}

.login .login_message { padding: 10px; border: 1px solid #a00;color: #a00;background: #FFCFCF; margin-bottom: 10px;}

.bigbutton
{
	height:50px; 
	width:100px; 
	font-size:15px;
}

#logout
{
	float:right;
	padding-top:11px;
	z-index:4;
	position:relative;
}

#logout a, #logout .context_menu span {background: none; border: 0 none; padding: 0; line-height: 13px; color: #fff; font-weight: bold; border-bottom: 1px dotted #fff; padding-bottom: 2px; margin: 0 5px;}
#logout a {border-bottom: 0 none;}
#logout a:hover {text-decoration: none;}
#logout .context_menu_active {-webkit-box-shadow:0px 0px 0px #fff; -moz-box-shadow:0px 0px 0px #fff; box-shadow:0px 0px 0px #fff;}
#logout .context_menu_active .context_menu_on {border-bottom: 0 none;}
#logout div.context_menu div {-webkit-box-shadow:0px 0px 0px #fff; -moz-box-shadow:0px 0px 0px #fff; box-shadow:0px 0px 0px #fff; -webkit-border-radius:2px 2px 0 0; 	-moz-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0; left: 3px; top: 100%; border: 1px solid #ccc;}
#logout div.context_menu div ul {margin: 0;color: #000;}
#logout div.context_menu div ul li a{line-height: 25px; border-bottom: 0 none; font-weight: normal; color: #000;}

#logout #links {float: right; margin-top: 8px;}
#profile_image {text-align: center; overflow: hidden; width: 32px; height: 32px; vertical-align: middle; float: right;}
#profile_image img {display: inline;}

a.logout
{
	background:#5b75a8;
	border:1px solid #3B5998;
	padding: 1px 3px 2px 3px;
	color:#fff;
}

a.logout:hover
{
	text-decoration:underline;
	background:#63942D;
}

.expired
{
	color:#ff0000;
}

#menu
{
	/*behavior: url(../app/css/PIE.htc);*/
	height: 28px;
	z-index:101;
	position:relative;
}

span.cell
{
	overflow:hidden;
	display:block;
	height:30px;
}

.report_form , #search_table , #graph_table , #bookmark_form , #cumulation_table
{	
	display:none;
	background:#fff;
}

.button, .next_button, .previous_button
{
	cursor:pointer;
	background:#696969;
	
	border:1px solid #6380b7;
	
	padding:0 5px;
	line-height: 22px;
	font-weight:normal;
	color:#000;
	display:inline-block; /* hack : otherwise filter gradient wont work in IE 7 */
	
	background: #D0EFEE; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEF9F8', endColorstr='#D0EFEE'); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEF9F8), to(#D0EFEE));
	background: -moz-linear-gradient(0% 0% 270deg,#EEF9F8, #D0EFEE);
	
}

.next_button, .previous_button {float: right; margin-left: 5px; display: inline; font-weight: bold;}
.next_button {padding-right: 0; padding-left: 8px;}
.previous_button {padding-left: 0; padding-right: 8px;}

.next_button .icon { float: right; margin-left: 8px; margin-right: 0; border-left: 1px solid #6380b7; border-right: 0 none;padding: 1px 7px 0 6px; 
	-webkit-border-radius:0 2px 2px 0;
	-moz-border-radius:0 2px 2px 0;
	border-radius:0 2px 2px 0;
}

td .button{height: 21px; width: auto;}

.button:hover
{
	background: #A8E3DF;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3F5F3', endColorstr='#A8E3DF');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E3F5F3), to(#A8E3DF));
	background: -moz-linear-gradient(0% 100% 90deg,#A8E3DF, #E3F5F3);
}

.button:active
{
	background: #E3F5F3;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A8E3DF', endColorstr='#E3F5F3');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A8E3DF), to(#E3F5F3));
	background: -moz-linear-gradient(0% 0% 270deg,#A8E3DF, #E3F5F3);
}
/*
.greenbutton 
{
	color: #fff; 
	border: 1px solid #25731a;
	font-weight: bold;
	padding: 0 8px;
	
	background: #34B834;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#54D168', endColorstr='#34B834');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#54D168), to(#34B834), color-stop(.5,#54D168),color-stop(.5,#34B834));
	background: -moz-linear-gradient(50% 50% 90deg, #34B834, #60A669, #54D168 0%); 
}

.greenbutton:hover 
{
	background: #2A942A;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4BBA5D', endColorstr='#2A942A');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4BBA5D), to(#2A942A), color-stop(.5,#4bba58),color-stop(.5,#2A942A));
	background: -moz-linear-gradient(50% 50% 90deg,#2A942A, #60A669, #4BBA5D 0%);
}
.greenbutton:active 
{
	background: #4BBA5D;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4BBA5D', endColorstr='#2A942A');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2A942A), to(#4BBA5D), color-stop(.5,#2A942A),color-stop(.5,#4bba58));
	background: -moz-linear-gradient(50% 50% 270deg,#2A942A, #60A669, #4BBA5D 0%);
}*/

.add_icon
{
	font-size: 15px; 
	padding: 1px 6px 0 7px; 
	font-weight: bold; 
	display: block; 
	float: left; 
	line-height: 21px;
	margin-right: 8px;
	
	background: #28988a;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#87d2cb), to(#28988a));
	background: -moz-linear-gradient(0% 100% 90deg,#28988a, #87d2cb);
	color: #fff;
	
	border-right: 1px solid #25731a;
	
	-webkit-border-radius:2px 0 0 2px;
	-moz-border-radius:2px 0 0 2px;
	border-radius:2px 0 0 2px;
	
	-webkit-border-radius:2px 0 0 2px;
	-moz-border-radius:2px 0 0 2px;
	border-radius:2px 0 0 2px;

	background: #34B834;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#54D168', endColorstr='#34B834');
	background: -moz-linear-gradient(50% 50% 90deg, #34B834, #60A669, #54D168 0%); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#54D168), to(#34B834), color-stop(.5,#54D168),color-stop(.5,#34B834)); 	
}

.next_button .icon
{
	display:block;
	float:right;
	
	margin-left:8px;
	margin-right:0;
	
}

.add_button, .duplicate_button, .toolbar_button {
	
	cursor:pointer; background:#696969; float:right;
	
	line-height: 22px; font-weight:normal;
	display:inline-block; /* hack : otherwise filter gradient wont work in IE 7 */
	
	color: #fff; border: 1px solid #25731a; font-weight: bold; padding: 0 8px; margin-left:5px;

	background: #34B834;
	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#54D168', endColorstr='#34B834');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#54D168), to(#34B834), color-stop(.5,#54D168),color-stop(.5,#34B834));
	background: -moz-linear-gradient(50% 50% 90deg, #34B834, #60A669, #54D168 0%); 
}

.add_button 
{
	padding-left: 0; padding-right: 8px;
}
.add_button { padding-left: 0; padding-right: 8px;}
.duplicate_button {}

.add_button:hover, .duplicate_button:hover, .toolbar_button:hover
{
	background: #2A942A;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4BBA5D', endColorstr='#2A942A');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4BBA5D), to(#2A942A), color-stop(.5,#4bba58),color-stop(.5,#2A942A));
	background: -moz-linear-gradient(50% 50% 90deg,#2A942A, #60A669, #4BBA5D 0%);
}

.add_button:active, .duplicate_button:active, .toolbar_button:active
{
	background: #4BBA5D;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4BBA5D', endColorstr='#2A942A');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2A942A), to(#4BBA5D), color-stop(.5,#2A942A),color-stop(.5,#4bba58));
	background: -moz-linear-gradient(50% 50% 270deg,#2A942A, #60A669, #4BBA5D 0%);
	
	
}

.add_button .icon
{
	border-right: 1px solid #6380b7; 
}

a.submit_button
{
	cursor:pointer;
	background:#696969;
	
	border:1px solid #696969;
	
	padding:0px 5px 1px 5px;
	font-weight:normal;
	color:#000;
	display:inline-block; /* hack : otherwise filter gradient wont work in IE 7 */
	
	background: #d1d1d1; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)); 
	background: -moz-linear-gradient(top,  #ffffff,  #cccccc); 
	
	line-height:25px;
	width:70px;
	text-align:center;
}

.entry_form input[type=text].numeric_flat
{
	text-align: right;
	border:0 none;
	background:none;
	color:#000;
	font-family:monospace;
}

.nowrap
{
	white-space:nowrap;
}

input.numeric
{
	text-align:right;
}
/*--------------
Bookmarks shifted to navigation so this needs to be deleted after some time.
-----------------------
.bookmarks_page 
{
	overflow: hidden;
}

.bookmarks_page .dashboard_section
{
	width: 25%;
	float: left;
}

.bookmarks
{
	background:#eee;
	border:1px solid #ccc;
	margin: 10px;
}

.bookmarks h1
{
	padding:5px;
	background:#fafafa;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eeeeee'); 
	
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee)); 
	background: -moz-linear-gradient(top,  #fafafa,  #eeeeee); 
	
}

.bookmarks ul
{
	overflow:auto;
	padding:0 5px 5px 5px;
}

.bookmarks ul li
{
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
	list-style-type: none;
}

.bookmarks ul li a
{
	line-height:32px;
	padding:0 5px;
	color:#333;
	text-align:left;
	display: block;
	float: left;
}

.bookmarks ul li a:hover
{	
	color: #000;
}
---------------*/

table.cumulation {width: auto;}

.cumulation th
{
	font-weight:normal;
}

.cumulation td
{
	text-align:center;
}

#cumulation_actions {text-align: center; padding: 10px; border-top: 1px solid #ccc; background: #999;}

ul.search_box
{
	border:1px solid #ccc;
	overflow:auto;
}

ul.search_box li
{
	display:block;
}


.txt
{
	border: solid 1px #999;
	padding: 2px;
	margin: 0;
	height: 1.25em;	/* must specify height for consistent vertical alignment */
	vertical-align: middle;
}

div.table_top
{
	/*border-top:1px solid #5B75A8;*/
	padding:7px 0;
	float: right;
	display: inline;
}

/*.table_top .button  {float: right; margin-left:5px; display: inline;}*/

.table_top .quicksearch {float: right; position: relative;margin-left:5px;}

.table_top .quicksearch input[type="text"] 
{ 
	/*padding: 4px 2px;*/
	/*line-height:190px;*/
	height:24px;
	/*margin:0;*/
}

#quick_search_field 
{
	position: absolute; 
	top: 100%; 
	right: 0; 
	background: #fff; 
	border: 1px solid #ccc; 
	border-radius:5px;
	z-index: 10; 
	display: none;
	width: 570px;
}

#quick_search_field .cross ,  #quick_search_field .allfields a
{
	float: right; 
	padding:4px 7px;
	line-height:1;
	margin-top:6px;
	color: #555; 
	cursor: pointer;
}

#quick_search_field .cross:hover ,  #quick_search_field .allfields a:hover
{
	color: #fff;
	background:#5F7BB0;
}

#quick_search_field .box {width: 165px; float: left; display: block; padding: 5px; z-index: 1000;padding: 5px 10px; overflow: hidden;}
#quick_search_field .box input, #quick_search_field .allfields input{margin-right: 5px;}
#quick_search_field .box span {cursor: pointer;}

#quick_search_field .allfields
{ 
	border-bottom: 1px solid #ccc; 
	padding: 0 10px;
	line-height:30px;
	
	overflow: hidden;
	background:#ECECEC;
	color:#2778AA;
	border-radius:5px 5px 0 0;
}

.quick_search_submit {position: absolute; right: 2px; top: 2px; height: 20px;}

#qs_fields
{
	/*width:250px;*/
}

#qs_fields .selected 
{
	background:	#ECECEC;
}

#qs_fields .box
{
	display: block; 
	padding: 5px 10px; 
}

#qs_fields .box label
{
	cursor:pointer;
}

#qs_options
{
	line-height:30px; 
	
	padding-left:10px; 
	background:#5F7BB0; 
	color:#fff; 
	border-radius:0 0 5px 5px;
}

/*
span#export_box
{
	position:relative;
	
	background:#696969;/*#37AC27;
	padding:0px 5px 1px 5px;
	border:1px solid #696969;
	color:#fff;
	
}

ul#export_list
{
	display:none;
	position:absolute;
	border:1px solid #8AB1FF;
	list-style-type:none;
	background:#fff;
	/*padding:3px;
	top:15px;
	left:-1px;
	width:210px;
}
*/
/*
ul#export_list li
{
	margin:5px 0;
	/*width:100px;*/
	/*float:left;
	display:inline;
	/*width:40px;*/
/*}

ul#export_list li a
{
	/*display:block;
	padding:5px 7px;
	color:#394969;
}*/
/*
ul#export_list li a:hover
{
	background:#5B75A8;
	color:#fff;
}
*/
ul#input_page_h { width:100%; overflow:auto; }
ul#input_page_h li { cursor:pointer; float:left; display:inline; padding:6px 10px; background:#ccc; margin-right: 3px; 	
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
ul#input_page_h li a{ color: #333; padding: 6px 10px; display: block;}
ul#input_page_h li.active { background:#666; color: #fff; }
ul#input_page_h li.active a {color:#fff;}

#dashboard_content #input_page_h li {padding: 0;} 

/*.input_page {overflow: hidden;} This code makes info box in secondary modules hide*/

.modaladddialog {padding: 5px;}

h1.input_section_h
{
	color: #000; font-size: 15px; padding:7px; font-weight: bold; cursor:pointer; border:1px solid #ccc; border-bottom: 0 none;
	
	background:#ccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ddd');
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ddd));
	background: -moz-linear-gradient(top,  #eeeeee ,  #ddd);
}

h1.input_section_h_high
{
	padding:5px;
	cursor:pointer;
	
	background:#ccc;
	
	padding:5px;
	cursor:pointer;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#eeeeee');
	background: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#eeeeee));
	background: -moz-linear-gradient(top,  #bbbbbb ,  #eeeeee);
	
	
	border:1px solid #ccc;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}

div.input_section { margin:5px; }
div.input_section_fields { background:#fff; }

div.input_section table.entry, .entry_actions , table.multi_entry
{
	border-left: 1px solid #B3C58F;
	border-top: 1px solid #B3C58F;
	
	border-spacing:0;
	border-collapse: collapse; 
	
	width:100%;
}


div#input_box
{
	border:1px solid #ccc;
	padding:5px;
	background:#fff;
	/*position: relative;*/
	-webkit-border-radius:0 5px 5px 5px;
	-moz-border-radius:0 5px 5px 5px;
	border-radius:0 5px 5px 5px;
	
	/*overflow: hidden;*/
}

table.control_grid, table.multi_checkbox, table.multi_td, table.drill_down
{
	border:none;
	
	/*border-spacing:0;
	border-collapse: collapse; */
	
	width:100%;
}

div.input_section table.control_grid tr td, table.control_grid tr td, div.input_section table.multi_checkbox tr td , div.bulk_action_form table.control_grid tr td, div.input_section table.multi_td tr td , div.bulk_action_form table.multi_td tr td, div.input_section table.drill_down tr td 
{
	border:1px solid #fff;	/*This is a IE 7 hack otherwise select tag will collapse to 0 width */
	padding:0px;
}

div.external_list
{
	border:1px solid #ccc;
	padding:5px;
	margin-top:5px;
}

div.external_selected
{
	margin-top:3px;
	background:#D5F2FF;
}

div.external_selected h1
{
	border:none;
	padding:4px 5px;
	margin:0;
}

div.tree
{
	display:none;
	position:absolute;
	z-index:2;
	padding:10px;
	background:#fff;
	
	border:3px solid #ccc;
	
	border-radius:5px;
	-moz-border-radius:5px;
	
	-webkit-box-shadow: 0px 0px 10px #888;
	-moz-box-shadow: 0px 0px 10px #888;
}

div.tree label
{
	padding:2px;
}

.no_href
{
	cursor:pointer;
	color:#00c;
	font-weight:bold;
}

#dashboard_content {padding-top: 10px;}

#dashboard
{
	margin-top:10px;
	border:1px solid #aaa;
	width:100%;
	background:#eee;
}

#dashboard h1
{
	border-bottom:1px solid #000;
	padding:5px;
	background:#666;
	color:#000;
}

.dashboard-tags {

	margin: 10px; overflow: hidden;
}
.dashboard-tags li {
	float: left;
}
.dashboard-tags a {
	padding: 5px; border-radius: 5px; background: #28C5F0; color: #fff; line-height: 1.5em; display: block;
}
.dashboard-tags a:hover {
	background: #20A4C5;

    margin: 10px; overflow: hidden;
}


.dashboxes
{
	background:#eee;
}

.dashboxes ul
{
	width:auto;
	list-style-type:none;
	width:100%;
	overflow:hidden;
	
}

.dashboxes ul li
{
	width:49.9%;
	float:left;
	height:270px;
	overflow:hidden;
	margin-bottom:5px;
}

.dashboxes ul li .dashcontent
{
	background:#fff;
	border:1px solid #ccc;
	/*overflow:hidden;*/
	text-align: center;
	margin: 10px;

	-moz-border-radius:3px;
}

.dashboxes ul li .dashcontent div.chart
{
	height:209px;
}

/*
.dashboxes ul li .dashcontent div{ 
	background: -moz-linear-gradient(0% 0% 270deg,#FFFFFF, #f6f6f6); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f6f6f6));
	
	/*-webkit-border-radius:0 0 2px 2px;*/ /*removed for chrome conflict with charts*/
	/*border-radius:0 0 2px 2px;*/ /*removed for chrome conflict with charts
	-moz-border-radius:0 0 2px 2px;
}
*/
.dashboxes ul li .dashcontent div embed {display: block;}

div.input_section .dashboxes ul li .dashcontent table {border: 0 none;}
.dashboxes .heading, .countbox .heading, #cumulation_table .heading, .bookmarks .heading
{
	background:#555;
	color:#fff;
	display:block;
	padding:7px;
	font-weight:bold;
	cursor:default;
	text-align: left;
	font-size: 13px;
	
	text-shadow: 1px 1px 1px #222;
	
	-moz-border-radius:2px 2px 0 0;
	/*-webkit-border-radius:2px 2px 0 0;
	border-radius:2px 2px 0 0;*/ /*commented for Chrome conflict issue*/
	
	background: -moz-linear-gradient(0% 100% 90deg,#444444, #666666);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#444444));
}
.countbox .heading, #cumulation_table .heading, .bookmarks .heading
{
	-webkit-border-radius:2px 2px 0 0;
	border-radius:2px 2px 0 0;
}
#cumulation_table .heading {background: -moz-linear-gradient(0% 100% 90deg,#666666, #999999); border: 0 none;text-shadow: none;}

/* Enable this code only after sortable DB code for dashlets are written
.dashboxes ul li span.heading:hover, .countbox ul li:hover {cursor: move;}*/


.dashboxes ul li span.heading a
{
	color:#fff;
	font-size: 13px;
}

.dashboxes ul li table
{
	height: 208px;
	
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	
	border-spacing:0;
	border-collapse: collapse; 
	width:100%;
	
}

.dashboxes ul li table td
{
	border-top: 1px solid #ccc;
	padding: 7px;
	text-align:left;
}

.dashboxes ul li table th
{
	border-top: 1px solid #ccc;
	background:#ddd;
	font-weight:bold;
	color:#000;
	text-align:left;
	padding: 7px;
}

.dashboxes ul li .tableparent table {border: 0 none;}

.dashboxes .placeholder {background:#eee; margin: 0; padding: 0;}
.dashboxes ul li span a.dashlet_delete, .dashboxes ul li span a.dashlet_maximise{float: right; color: #ccc; font-size: 15px; line-height:10px; padding:1px;}
{font-size: 11px; margin-right: 4px; padding-top: 2px;}
.dashboxes ul li span a.dashlet_delete:hover {color: #fff;}
.dashboxes ul li span a.dashlet_maximise {border: 1px solid #ccc; border-top: 2px solid #ccc; height: 3px; margin-right: 5px; margin-top: 3px; width: 5px; 
	-webkit-box-shadow: 1px 1px 1px #333;
	-moz-box-shadow: 1px 1px 1px #333;
	box-shadow: 1px 1px 1px #333;
}
.dashboxes ul li span a.dashlet_maximise:hover {border: 1px solid #fff; border-top: 2px solid #fff;}


.countbox {
	margin: 10px; 
	border: 1px solid #ccc;
}
.countbox ul li { 
	position: relative; 
	list-style-type: none; 
	border-top: 1px solid #CCCCCC;
	
	background: #f6f6f6;
	background: -moz-linear-gradient(0% 0% 270deg, #FFFFFF, #f6f6f6); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#f6f6f6));
}
    
.countbox ul li:last-child {
	-webkit-border-radius:0 0 2px 2px;
	-moz-border-radius:0 0 2px 2px;
	border-radius:0 0 2px 2px;
}
.countbox ul li span{padding: 0 10px; font-size: 17px; font-weight: bold; line-height: 38px; display: block;}
.countbox ul li span.fl {max-width: 70%; padding-right: 0;}
.actions {display: none;}
.countbox ul li span.actions {position: absolute; top: 99%; left: 75%; font-size: 11px; font-weight: normal; z-index: 100; padding: 2px 7px; background: #f6f6f6; border: 1px solid #ccc; border-top: 0 none; line-height: 12px; display: none; }

/*----------------
Bookmarks shifted to navigation so this needs to be deleted after some time.
*/
.bookmarks .actions {float: right; padding: 9px 5px 0 5px;}
.bookmarks ul li .actions a, .countbox ul li .actions a {display: inline;color: #666; text-decoration: none; border: 0 none; padding: 0; margin: 0; line-height: 13px; font-size: 11px; font-weight: normal; float: none;}
.bookmarks ul li .actions a.delete, .countbox ul li .actions a.delete {color: #CF4040;}
/*----------------*/

.countbox ul li a{ font-size: 13px; font-weight: normal; line-height: 38px; display: block; color: #0F2D7F; font-weight: bold; }

/*Make autocomplete ui scrollable and not very tall*/
.ui-autocomplete 
{
	max-height: 200px;
	overflow-y: auto;
}

input[readonly=readonly]
{
	border:1px solid #ccc;
}
td.pulley_td { vertical-align:top; width:250px; }
.pulley { padding-right: 10px; }
.pulley h1 { 
	border:1px solid #ccc;
	font-weight:normal;
	padding:5px;
	width:auto;
	background:#eee;
	color:#ffffff;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4791D9', endColorstr='#357FC9');
	background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#aaaaaa));
	background: -moz-linear-gradient(top,  #555555 ,  #aaaaaa);
}

.pulley table
{
	border-left: 1px solid #ccc;
	border-spacing:0;
	border-collapse: collapse; 
	width:100%;	
}
.pulley table tr td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 2px 5px; }
.pulley .heading { text-align: left; padding: 7px; font-weight: bold; }
.pulley .heading .context_menu {float: right; font-weight: normal;}
.pulley .heading .context_menu span {padding: 3px;}
.pulley .heading .context_menu div {right: 0; left: auto; 
	-webkit-border-radius:5px 0 5px 5px;
	-moz-border-radius:5px 0 5px 5px;
	border-radius:5px 0 5px 5px;}
.pulley .heading .context_menu span:hover {background: #D1DDEF; color: #000000; border: 1px solid #ABC4D7;}
.pulley .heading .context_menu span.active:hover {background: #fff; border:1px solid #627FB5;
	border-bottom:1px solid #fff;}

.actions_parent
{
	cursor:pointer;
	background:#696969;
	
	border:1px solid #6380b7;
	
	padding:0 5px;
	line-height: 22px;
	font-weight:normal;
	color:#000;
	display:inline-block; /* hack : otherwise filter gradient wont work in IE 7 */
	
	background: #D0EFEE; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEF9F8', endColorstr='#D0EFEE'); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEF9F8), to(#D0EFEE));
	background: -moz-linear-gradient(0% 0% 270deg,#EEF9F8, #D0EFEE);
	
	float: right; margin-left:5px; display: inline;
	
	position:relative;
	cursor:default;
	z-index:2;
}
.actions_parent:hover {
	-webkit-border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
.actions_parent .actions
{
	list-style-type:none;
	border:1px solid #6380B7;
	background:#fff;
	width:auto;
	position:absolute;
	top:100%;
	left:-1px;
	padding:3px;
	display: none;
	
	z-index:3;
}

.actions_parent .actions li
{
	display:block;
	width:150px;
	/*line-height:20px;*/
}

.actions_parent .actions li a
{
	display:block;
	padding:2px 4px;
	color: #000;
	
}

.actions_parent .actions li a:hover
{
	cursor:pointer;
	
	background: #c4ebe8;
	
}
/*
input[type=submit]
{
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F1F1', endColorstr='#D6D5D3'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#F2F1F1), to(#D6D5D3)); 
	background: -moz-linear-gradient(top,  #F2F1F1 ,  #D6D5D3); 
	
	border:2px solid #928F8C;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
	padding:0 2px;
}

input[type=submit]:hover
{
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3E8ED', endColorstr='#C8CCD1'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#E3E8ED), to(#C8CCD1)); 
	background: -moz-linear-gradient(top,  #E3E8ED ,  #C8CCD1); 
	
	border:2px solid #2B76C7;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
	-webkit-box-shadow: 0px 0px 5px #6CA1DE;
	-moz-box-shadow: 0px 0px 5px #6CA1DE;
	box-shadow: 0px 0px 5px #6CA1DE;
	
}
*/
div.paging_top, .pulley .heading
{
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}

div.paging_bottom
{
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}

div.paging
{
	padding:5px 5px 5px 5px;
	color:#fff;
	background:#5F7BB0; /*#8BB2FF;*/
	
	
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5E79AD', endColorstr='#4573A7'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#4573A7), to(#5E79AD)); */
	
	/*background: -moz-linear-gradient(top ,  #8BB2FF,  #5E79AD); */
	/*background: -moz-linear-gradient(top ,  #4573A7,  #5E79AD); */
	
	
}

.paging table td { padding: 0 10px;}

div.paging .page_info {
	float: left;
	line-height: 22px;
	margin-right: 5px;
}
div.paging .page_info .bright { color: #FFFF00; }

div.paging .page_buttons {
	border: 1px solid #4166AF;
	line-height:16px;
	overflow: hidden;
	display: inline-block;
}

div.paging a
{
	border-right:1px solid #5E79AD;
	border-left:1px solid #7BBCE8;
	padding:2px 5px;
	
	background:#F0F7F0;
	
	display:inline;
	line-height:16px;
	font-weight:bold;
	
	background:#8BB2FF;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8BB2FF', endColorstr='#5E79AD');
	background: -webkit-gradient(linear, left top, left bottom, from(#8BB2FF), to(#5E79AD));
	background: -moz-linear-gradient(top,  #8BB2FF ,  #5E79AD);
	
	color:#ffffff;
}

div.paging a:hover
{
	background:#8BB2FF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7A9CE0', endColorstr='#5771A1');
	background: -webkit-gradient(linear, left top, left bottom, from(#7A9CE0), to(#5771A1));
	background: -moz-linear-gradient(top,  #7A9CE0 ,  #5771A1);
	color:#ffffff;
}

div.paging a:active
{
	background:#8BB2FF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5771A1', endColorstr='#7A9CE0');
	background: -webkit-gradient(linear, left top, left bottom, from(#5771A1), to(#7A9CE0));
	background: -moz-linear-gradient(top,  #5771A1 ,  #7A9CE0);
	color:#ffffff;
}

div.paging .page_disabled {
	border-right:1px solid #5E79AD;
	border-left:1px solid #7BBCE8;
	padding:2px 5px;
	
	background:#F0F7F0;
	
	display:inline;
	line-height:16px;
	color:#AFCAFF;
	font-weight:bold;
	
	background:#8BB2FF;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8BB2FF', endColorstr='#5E79AD');
	background: -webkit-gradient(linear, left top, left bottom, from(#8BB2FF), to(#5E79AD));
	background: -moz-linear-gradient(top,  #8BB2FF ,  #5E79AD);
}

div.paging .first{ border-left: 0 none; }
div.paging .last{ border-right: 0 none; }

.page_buttons a, .page_buttons span {float: left;}

#data_grid
{
	/*display:table-cell; /*Important hack to make the div cover its inner table , this is a rocking thing , but doesnt work*/
	/**float: left; /* The * indicates IE only */
	display:inline-block;
	width: 100%;
}

#data_grid_
{
	background:#eee;
}

div.toolbar
{
	padding:5px 5px 5px 5px;
	color:#fff;
	background:#646464;
	height:21px;
}

.table_actions {border: 1px solid #696969; float: left; margin-right: 15px;}

div.bulk_action, .wrap_table
{
	position:relative;
	padding:2px 5px;
	cursor: pointer;
	border-right: 1px solid #aaa;
	
	font-weight:normal;
	line-height:15px;
	color:#000;
	float: left;
	display: inline;
	
	background: #d1d1d1; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#dedede'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#dedede)); 
	background: -moz-linear-gradient(top,  #f7f7f7,  #dedede); 
}

/*Float containment class*/

.contain:after { /* For modern browsers */
  content    : ".";
  display    : block;
  height     : 0;
  clear      : both;
  visibility : hidden;
}
.contain { display : inline-block; } /* For IE6/7 */
.contain { display : block; } /* For IE6/7 */

/*Float containment class*/

.wrap_table {border-right: 0 none;}

.bulk_action .bulk_handle
{
	display:block;
	cursor:pointer;
	display: inline;
}

div.paging .bulk_action a {background: none; color: #000; border: 0 none; padding: 0; margin: 0; font-weight: normal; line-height: inherit;}

.drop
{
	position:absolute;
	left:-1px;
	background:#ffffff;
	padding:3px;
	border:1px solid #696969;
	display: none;
	
	z-index:1;
}
.paging_top .bulk_action .drop {top:100%;}
.paging_bottom .bulk_action .drop {bottom: 100%;}

.bulk_action form input {padding: 2px;}

.bulk_action ul
{
	list-style-type:none;
	background:#fff;
	width:auto;
}

.bulk_action ul li
{
	display:block;
	cursor:pointer;
}

div.paging .bulk_action ul li a
{
	display:block;
	white-space:nowrap;
	padding:5px;
	line-height:13px;
	border:none;
	border-radius:0;
	-moz-border-radius:0;
	filter:none;
	background:#eeeeee;
	color:#000;
	font-weight:normal;
	border-bottom: 1px solid #ccc;
}

div.paging .bulk_action ul li a:hover
{
	cursor:pointer;
	color:#fff;
	background:#999;
	filter:none;
}

.bulk_action input
{
	
}

table.multi_set
{
	width:100%;
}
table.multi_set td
{
	vertical-align:top;
	padding-right:10px;
	padding-bottom:10px;
}

table.multi_set table h1
{
	border-bottom:3px solid #4E8CCF;
	margin:0 0 10px 0;
	padding:5px 0;
}

.mini_box
{
	background:#fff;
	padding:10px;
	border: 1px solid #ccc;
	
	-webkit-border-radius:0 5px 5px 5px;
	-moz-border-radius:0 5px 5px 5px;
	border-radius:0 5px 5px 5px;
}

.mini_box h1 { font-size: 14px; overflow: hidden; margin-bottom: 10px; line-height: 24px;}

.mini_box a
{
	cursor:pointer;
}

div.bulk_action_form
{
	display:none;
	background:#fff;
	padding:10px;
}


/* Table style to display tabular data */
table.unit_table
{
	border-left: 1px solid #ccc;
	
	border-spacing:0;
	border-collapse: collapse; 
	
	background:#ffffff;
	
}

table.unit_table tbody tr td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 5px;
}

table.unit_table tr td a {
	
	
	white-space:nowrap;
	
	
	cursor:pointer;
	border:1px solid #aaa;
	padding:0px 5px 1px 5px;
	font-weight:normal;
	color:#000;
	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1');
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#dedede));
	background: -moz-linear-gradient(top,  #f7f7f7,  #dedede);
	
	cursor:pointer;
	
}

table.unit_table tr td a:hover {
	text-decoration:underline;
}

#session_information
{
	background:#ffffff;
	border:1px solid #ccc;
	display:none;
	/*float:right;*/
	position:absolute;
	top:100%;
	padding:5px;
	color: #000;
}

#session_information table {border-collapse: collapse;}

#session_information th {text-align: left; white-space: nowrap;border-bottom: 1px solid #ccc;}
#session_information td {border-bottom: 1px solid #ccc; padding: 5px;}

.hilink
{
	border:1px solid #fff;
	padding: 1px 3px 2px 3px;
	white-space:nowrap;
	cursor:pointer;
	border:1px solid #aaa;
	font-weight:normal;
	color:#000;

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1');
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#dedede));
	background: -moz-linear-gradient(top,  #f7f7f7,  #dedede);
}

div.pulley table.unit_heading
{
	border-spacing:0;
	border-collapse: collapse; 
	
	background:#ffffff;
	border:none;
}

#accordion h3
{
	border:1px solid #CCCCCC;
	padding:5px;
	background:#fafafa;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eeeeee'); 
	
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee)); 
	background: -moz-linear-gradient(top,  #fafafa,  #eeeeee); 
}

#accordion h3 a
{
	color:#fff;
}

.cumulation_section
{
	 padding:10px; 
}
.cumulation_section h4 {border-bottom: 1px solid #ccc; padding: 6px 0 3px 0; margin-bottom: 5px;}

.additional_information
{
	display:none;
	position:absolute;
	background:#ffffff;
	border:1px solid #aaa;
	list-style-type:none;
	z-index:1;
	
	top:0px;
	left:0px;
	
	width:auto;
	
	border:2px solid #ABC4D7;
	
	color:#000;
	min-width:300px;
	max-width:700px;
	z-index:3;
}

.additional_information h1
{
	padding:5px;
	font-weight: bold;
	border: 1px solid #ccc;
	border-bottom: 0 none;
	white-space:nowrap;
}


div.context_menu{ position:relative; float:left; }

div.context_menu_active
{
	-webkit-box-shadow:0px 0px 5px #888;
	-moz-box-shadow:0px 0px 5px #888;
	box-shadow:0px 0px 5px #888;
}

th div.context_menu_active
{
	-webkit-box-shadow:0px 0px 0px 0px;
	-moz-box-shadow:0px 0px 0px 0px;
	box-shadow:0px 0px 0px 0px;
	
}

div.context_menu span.context_menu_on
{
	color:#000;
	display:block;
	cursor:pointer;
	width:auto;
	/*padding:5px 3px;
	line-height: 10px;*/
	background:#D1DDEF;
	border:1px solid #ABC4D7;
	padding: 0 3px;
	
	position:relative;	/*Necessary for z-index*/
	/*height:15px;*/
	
	/*z-index:2;*/
	
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	
	
	/* shadow */
	/*box-shadow: inset 0 1px 3px #A4C6EF, inset 0 -5px 15px #A4C6EF;*/
	
	/*-o-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;
	-webkit-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;
	-moz-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;*/
	
}

div.context_menu span.context_menu_on:hover 
{
	background:#5770A1; 
	color: #000; 
	border: 1px solid #5770A1;
}

.report div.context_menu span:hover {color: #fff;}
.report div.context_menu_active span:hover {color: #000;}

.context_menu .distinction {padding: 3px 0; overflow: hidden;}
.context_menu .distinction a {float: left; display: inline; padding: 0 5px; background: #eee; margin-right: 3px; margin-bottom: 3px; line-height: 20px; font-size: 11px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.context_menu .distinction a:hover {background: #ddd; text-decoration: none;}

table.report .context_links a{background: none; border: 0 none; font-size: 11px; text-decoration: underline; color: #666;}
table.report .context_links a:hover {color: #333;}

.go {padding: 10px; text-align: center;}
.go input {margin-left: 5px; font-size: 12px;}

.save, .savestay, .clear 
{
	padding: 5px 15px;
	color: #fff;
	font-weight: bold;
	border: 2px solid #eee;
	cursor: pointer;
	
	background: #2DD500;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#028400', endColorstr='#1CC300');
	background: -webkit-gradient(linear, left top, left bottom, from(#1CC300), to(#028400));
	background: -moz-linear-gradient(top, #028400, #1CC300);
}

.go .clear
{
	background: #aeaeae;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#999');
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
	background: -moz-linear-gradient(top, #ccc, #999);
}

.go .save:hover, .go .savestay:hover, .go .clear:hover {
	/*border: 2px solid #ddd;*/
	/*background:#F43200;*/
}

.save:active
{
	background:#F43200;
}

div.context_menu span.bigger
{
	padding:0px 5px;
}

div.context_menu span.active
{
	border:1px solid #627FB5;
	border-bottom:1px solid #fff;
	color: #3C4E6F;

	-webkit-border-radius:2px 2px 0 0;
	-moz-border-radius:2px 2px 0 0;
	border-radius:2px 2px 0 0;
	
	background:#fff;
}
/*
div.context_menu span.open , .green div.context_menu span
{
	background:#6E8ECA;
	color:#ffffff;
}
*/
/*
div.context_menu:hover span
{
	background:#6887C0;
	color:#fff;
	
}
*/
div.context_menu div ul
{
	background:#ffffff;
	list-style-type:none;
	width:auto;
	
	margin:5px;
	display:block;
	
}

div.context_menu div ul li
{
	/*margin:2px;*/
	display:block;
	text-align:left;
}

div.context_menu div ul li a
{
	margin:0;
	/*padding:2px 0;*/
	border:none;
	background:#ffffff;
	display:block;
	color:#000;
	filter:none;
	text-align:left;
	white-space:nowrap;
	line-height: 24px;
}

div.context_menu div ul li a:hover
{
	text-decoration:underline;
}

div.context_menu div
{
	display:none;
	position:absolute;
	background:#ffffff;
	border:1px solid #627FB5;
	list-style-type:none;
	z-index:1;
	top:95%;
	left:0px;
	
	width:auto;
	padding:3px;
	
	-webkit-border-radius:0 5px 5px 5px;
	-moz-border-radius:0 5px 5px 5px;
	
	-webkit-box-shadow:0px 0px 5px #888;
	-moz-box-shadow:0px 0px 5px #888;
	box-shadow:0px 0px 5px #888;
}

/*th div.context_menu .context_menu_on {padding: 8px 3px;}*/

th div.context_menu div {
	top: 100%; 
	left: 0;
	border-top: 0 none;
	width: 175px;
	
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	
	-webkit-box-shadow:0px 0px 0px #888;
	-moz-box-shadow:0px 0px 0px #888;
	box-shadow:0px 0px 0px #888;
}

th.auto:last-child div.context_menu div {right: 5px; left: auto;}

div.context_menu div table
{
	/*border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;*/
	
	border-spacing:0px;
	border-collapse: collapse; 
	
	/*background:#ccc; Was making Info buttons div grey so removed*/
	background: #fff;
	
}
div.context_menu span {
	color: black;
	display: block;
	cursor: pointer;
	width: auto;
	background: #D1DDEF;
	border: 1px solid #ABC4D7;
	position: relative;
	line-height: 10px;
	padding-top: 5px;
}
div.context_menu div table tr td
{
	padding:0;
	border:none;
}
div.context_menu div table tr td a
{
	padding:2px 2px;
	border:1px solid #fff;
	background:#ffffff;
	display:block;
	color:#000;
	filter:none;
	
	white-space:nowrap;
}

div.context_menu div table tr td a:hover
{
	text-decoration:none;
	/*
	border:1px solid #ccc;
	background:#ddd;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#cacaca'); 
	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#cacaca)); 
	background: -moz-linear-gradient(top,  #dddddd,  #cacaca); 
	*/
}

div.context_menu div.details_box
{
	background:#eee;
	
	box-shadow:inset 1px 1px 1px rgba(255,255,255,0.5) , inset -5px -5px 35px rgba(100,100,100,0.3);
}

div.context_menu div.details_box h1
{
	border-bottom:2px solid #63A247;
	padding:5px;
}

div.context_menu div.details_box div
{
	padding:0px;
	display:block;
	position:relative;
	border:none;
	box-shadow:none;
	background:none;
	/*background:#ccc;*/
}
div.context_menu div.details_box div table
{
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	
	width:100%;
	
	/*border-spacing:0px;
	border-collapse: collapse; */
	
	
	/*background:#ccc; Was making Info buttons div grey so removed*/
	/*background: #fff;*/
}

div.context_menu div.details_box div table tr td
{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
	
	/*background:#ccc; Was making Info buttons div grey so removed*/
	background: #fff;
	padding:2px 5px;
	
}

div.context_menu div.details_box div table tr td a
{
	font-weight:bold;
	color:#488BFF;
	padding:0;
}


.entry_actions 
{
	padding-left:50px;
}

.entry_actions h1
{
	font-size:150%;
	color:#555;
	font-family:Georgia;
}

div.input_section table.entry_actions
{
	/*margin-top:37px;*/
	/*margin-left:50px;*/
	border-collapse:separate;
	border-spacing:none;
	padding:5px;
	border:1px solid #aaa;
	border-top: 0 none;
}

td.iconsize {width: 16px;}

div.input_section table.entry_actions td
{
	border: 0 none;
	border-bottom: 1px solid #ccc;
	padding:0;
}
.entry_actions td a
{
	display:block;
	line-height:20px;
	padding:5px;
	color:#005D9C;
}
.entry_actions td a:hover {color:#000;}

.iconbutton {padding-left: 0; padding-right: 8px; font-weight: bold;}
.righticonbutton {padding-right: 0; padding-left: 8px; font-weight: bold;}

.icon
{
	font-size: 15px; 
	padding: 1px 6px 0 7px; 
	font-weight: bold; 
	display: block; 
	float: left; 
	line-height: 21px;
	margin-right: 8px;
	
	background: #28988a;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#87d2cb), to(#28988a));
	background: -moz-linear-gradient(0% 100% 90deg,#28988a, #87d2cb);
	color: #fff;
	
	-webkit-border-radius:2px 0 0 2px;
	-moz-border-radius:2px 0 0 2px;
	border-radius:2px 0 0 2px;
}

td .icon {font-size: 12px; margin: 0; border: 1px solid #25731a; line-height: 19px;}

.iconbutton .icon {border-right: 1px solid #6380b7; }

.righticonbutton .icon { float: right; margin-left: 8px; margin-right: 0; border-left: 1px solid #6380b7; border-right: 0 none;padding: 1px 7px 0 6px; 
	-webkit-border-radius:0 2px 2px 0;
	-moz-border-radius:0 2px 2px 0;
	border-radius:0 2px 2px 0;
}

.greenicon 
{
	-webkit-border-radius:2px 0 0 2px;
	-moz-border-radius:2px 0 0 2px;
	border-radius:2px 0 0 2px;

	background: #34B834;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#54D168', endColorstr='#34B834');
	background: -moz-linear-gradient(50% 50% 90deg, #34B834, #60A669, #54D168 0%); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#54D168), to(#34B834), color-stop(.5,#54D168),color-stop(.5,#34B834)); 	
}



.righticonbutton .blueicon, .blueicon {
	line-height: 18px; padding-bottom: 3px;
}

.checkbutton{ height: 15px; }
.checkbutton input{ float: left; padding: 0; margin-top: 0; }

.fl {float: left;}
.fr {float: right;}
.clr {clear: both;}
.translucent {opacity: 0.25;}

.shadow {-moz-box-shadow: 0px 0px 7px #888; -webkit-box-shadow: 0px 0px 7px #888; box-shadow: 0px 0px 7px #888;}

.hilink, .button, a.submit_button, .table_top .quicksearch input[type="text"], div.input_section_fields, .countbox, .calendar_day a, #calendar_index .colorindex, .add_button, .duplicate_button, .next_button, .previous_button, .button, .actions_parent, .toolbar_button
{
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.input_section_h
{
	-webkit-border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
	
	/*box-shadow: inset 0 1px 3px #ccc, inset 0 -5px 15px #ccc;*/
	
	/*-o-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;
	-webkit-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;
	-moz-box-shadow: inset 0 1px 3px pink, inset 0 -5px 15px maroon, 0 2px 1px black;*/
}

.secondary_tables { margin-top: 10px; }
.secondary_tables form {overflow: auto;}

.tabbed {
    overflow: auto; width: 100%; padding: 0; border: 0 none;
}
.tabbed li { 
	background: none repeat scroll 0 0 #DDDDDD; cursor: pointer; display: inline; float: left; margin-right: 3px; padding: 6px 10px;
    
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.tabbed li.active { 
	background: none repeat scroll 0 0 #666666;
    color: #FFFFFF;
}

.placeholder
{
	font-style:italic;
	color:#555;
}


/*--------------------
calendar CSS
--------------------*/
#calendar{border-left: 1px solid #ccc; margin-top: 3px;}
#calendar .calendar_head {background: #0A088F; color: #fff; font-weight: bold;padding: 10px; border-top: 1px solid #ccc;}
#calendar .canvas {float: left; width: 14%; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; position: relative;}
#calendar .display_date { font-size: 24px; color: #ddd; position: absolute; right: 4px; top: 4px; font-weight: bold;}
.calendar_day {padding: 10px;background: #fff; height: 40px;}
#calendar .today .calendar_day {background: #FFF6DF;}
.calendar_day a{background: #0A088F; color: #fff; font-weight: bold; padding: 3px; min-width: 14px; text-align: center; display: block; float: left; margin: 0 3px 3px 0; font-size: 11px;}
.empty_day {background: #eee;}

#calendar_index {margin: 10px;}
#calendar_index li {overflow: hidden; padding: 5px 0; list-style-type: none; line-height: 16px;}
#calendar_index .colorindex {width: 16px; height: 16px; display: block; float: left; margin-right: 3px; cursor: pointer;}

#calendar .blue, #calendar_index .blue {background: #0A088F;}
#calendar .red, #calendar_index .red {background: #f00;}
#calendar .orange, #calendar_index .orange {background: #f60;}
#calendar .green, #calendar_index .green {background: #265F00;}
#calendar .brown, #calendar_index .brown {background: #6F2700;}
#calendar .gray, #calendar_index .gray {background: #6F6F6F;}

.calendar_heading {text-align: center;font-size: 14px; margin: 10px; border-bottom: 1px solid #ccc; line-height: 28px; color: #333;}
.calendar_heading .next {float: right; font-size: 18px; line-height: 26px; color: #333;}
.calendar_heading .previous {float: left;font-size: 18px; line-height: 26px; color: #333;}



.helpactive {background:#f60;}
.helpbox {
	background:#333; color: #fff; text-align: center; margin: 10px; position: absolute; top: 300px; left: 100px;
	padding: 20px; width: 300px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
}


.select_view_fields {text-align: center; margin: 0 auto;}
.select_view_fields td {vertical-align: middle;}
.transfer {height: 200px; width: 150px;}
.transfer option {padding: 2px;}

#profile_image {text-align: center; overflow: hidden; width: 32px; height: 32px; float: right; margin-right: 10px;}

.change_view {margin: 9px;}

.autowrite {position: relative;}
.autowrite input {border: 0 none; padding: 5px; z-index: 2; background: none;position: absolute; left: 0; top: 0;border: 1px solid #999; width: 300px;}
.autowrite input.suggest {color: #aeaeae; z-index: 1; background: #fff;position: static;}
.autowrite input[type=submit] {display: none;}

.super_width , input
{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	-ms-box-sizing: border-box
}

.dropdown_add
{
	border:1px solid #999999; 
	padding:3px; 
	width: 100%;
	height:24px;
	
	background: -moz-linear-gradient(0% 100% 90deg,#ddd, #fafafa);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#ddd));
}

#progressbar
{
	position:absolute; width:200px; border:1px solid #ccc; top:50px; left:50px; height:50px; z-index:1000; display:none;
}

/*--------------------
Reports
--------------------*/

#report-tabs {
	list-style: none; border-bottom: 5px solid #777; overflow: hidden; clear: both;
}
#report-tabs li {
	float: left; display: block; padding: 5px 10px; color: #000; background: #ddd; cursor: pointer; margin: 0 0 0 5px;
}
#report-tabs li:first-child {
	margin-left: 0;
}
#report-tabs li.active {
	color: #fff; font-weight: bold;
}

.report-data-wrap {
	overflow: auto; width: 100%; height: 400px; border: 1px solid #aaa; margin: 10px 0;
}
.report-data {
	width: 100%; border-left: 1px solid #aaa; border-top: 1px solid #aaa;
}
.report-data th, .report-data td {
	padding: 10px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;
}
.report-data th {
	background: #eee;
}

.report-actions {
	overflow: hidden; margin: 10px 0;
}
.report-actions li:first-child {
	float: left;
}
.report-actions li:last-child {
	float: right;
}

.list-form {
	margin: 10px 0;
}
.list-form li {
	margin-bottom: 10px;
}
.list-form label {
	display: block;
}
.popup-form {
	margin: 10px;
}

.generate-report:not(:first-of-type) {
	display: none;
}

/*
	Tooltip buttons
*/

div.tooltip_holder
{
	position:relative;
}

.tooltip_tick
{
	padding:0px 4px;
	background:#76B6FF;
	background: -moz-linear-gradient(top, #76B6FF, #3F6188);
    background: -webkit-gradient(linear, left top, left bottom, from( #76B6FF ), to( #3F6188 ));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#76B6FF', EndColorStr='#3F6188', GradientType=0);
	
	
	color:#fff;
	
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	
	-moz-box-shadow: 0px 0px 2px #000;
	-webkit-box-shadow: 0px 0px 2px #000;
	box-shadow: 0px 0px 2px #000;
	
	font-weight:bold;
	
	cursor:pointer;
}

.tooltip_text
{
	display: none;
}

.tooltip
{
	position: absolute;
	
	z-index: 30;
	/*display: none;*/
	background:#5A8BC4;
	color:#fff;
	font-weight:bold;
	border:1px solid #476E9B;
	width:300px;
	height:auto;
	padding:5px;
	line-height:18px;
   
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

input[type='text']:focus , input[type='textarea']:focus , select:focus
{
	background:#FFFBCF;
}

input.remove
{
	border-radius:20px;
	background:#E53935;
	color:#fff;
	font-weight:bold;
	border:1px solid #A32825;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)) repeat-x;*/
	
	box-shadow: inset 1px 1px 5px rgba(255 , 255 , 255 , 0.5) ,  inset 0 -2px 10px rgba(0,0,0,0.3);
	padding:2px 6px;
	cursor:pointer;
}

input.remove:active
{
	box-shadow: inset 1px 1px 10px rgba(0,0,0,0.5) ,  inset 0 -5px 15px rgba(0,0,0,0.5) , 1px 1px 1px #aaa;
}

div.external
{
	width:100%;
	position:relative;
}

div.external div.search_box table , div.external div.data_box table
{
	border:none;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	width:100%;
	background:#f0f0f0;
}


div.external div.search_box table
{
	position:absolute;
	top:0;
	left:0;
}

div.external table tr td
{
	border:none;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

div.external table span.selected_name
{
	display:block;
	/*border:1px solid #555;*/
	padding:0 5px;
	height:24px;
	overflow:hidden;
}

div.external table span.selected_name a
{
	font-weight:bold;
	color:#3C7DFF;
}

div.input_section table.multi_entry tr th
{
	background: -moz-linear-gradient(top, #eee, #fff) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff)) repeat-x;
	text-align:center;
	padding:10px;
}

.nestcontrol {min-width: 175px; max-height: 300px; overflow: scroll;}


#role_switch_form
{
	color:#000;
	margin:0; 
	list-style:none; 
	display:none; 
	padding:5px;
	position:absolute; 
	z-index:4;
	border:1px solid #ccc;
	border-radius:5px;
	background:#F1F1F1;
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.5) , 1px 1px 3px rgba(0,0,0,0.4);
}

#role_switch_form h3
{
	font-size:12px;
	border-bottom:1px solid #000;
	margin-bottom:5px;
}

#role_switch_form ul
{
	border:1px solid #000;
}

#role_switch_form ul li
{
	display:block;
	overflow:auto;
}

#role_switch_form ul li input
{
	float:left;
	clear:left;
}

#role_switch_form ul li label
{
	cursor:pointer;
	margin-left:15px;
	display:block;
	padding:3px 3px;
}

#role_switch_form ul li label:hover
{
	background:#ddd;
}

/*
	Style for message center block
*/
ul.message_center li
{
	margin: 10px;
	border:1px solid #eee;
	padding:10px;
	background:#fafafa;
}

ul.message_center li:hover
{
	border:1px solid #aaa;
}

ul.message_center li span.time
{
	float:right;
}

ul.message_center li span.title
{
	border-bottom:1px solid #999;
	cursor: pointer;
}

ul.message_center li span.title a
{
	color:#000;
	font-weight:bold;
}

ul.message_center li span.content
{
	padding:10px 0 0 0;
	display:none;
	min-height: 0;
}

ul.message_center li span.show
{
	display:block;
}