/* ================= UNDO DEFAULT ================= */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:100%;font-weight: normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd,legend,input,select { margin:0; padding:0 }
a img,:link img,:visited img, fieldset { border:0; }
address { font-style:normal }
table { border:none;padding:0;margin:0;border-collapse:collapse;border-spacing:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal;font-weight:normal;text-align:left; }


/* ================= BASIC ================= */

body {
	font-family: Arial, sans-serif;
	color: #000;
	font-size: .8em;
	font-style: normal;
	}

/* this was added to override the illnc_styles td style */
td {
	font-size: 100%;
	}

.nowrap {
	white-space: nowrap;
	}

/* ================= HEADER DESIGN ================= */

h1 {
	height: 0;
	width: 400px;
	padding-top: 60px;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
	}

#mainnav, #ccpreview_mainnav {
	background: #c2c2c2 url(../images/navbar_back.gif) repeat-x 0 0;
	float: left;
	width: 100%;
	position: relative;
	border-top: 1px solid #7f7f7f;
	border-bottom: 1px solid #848484;
	padding: 5px 0 4px 0;
	}

#mainnav ul, #ccpreview_mainnav ul {
	margin-left: 4px;
	}

#mainnav ul li, #ccpreview_mainnav ul li {
	float: left;
	}

#mainnav ul li.selected, #ccpreview_mainnav ul li.selected {
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #d7d7d7;
	border-top: 1px solid #5c5c5c;
	}

#mainnav ul li a, #ccpreview_mainnav ul li a {
	display: block;
	float: left;
	padding: 3px 10px;
	color: #696969;
	}

#mainnav ul li a:hover, #ccpreview_mainnav ul li a:hover {
	color: #000;
	}

#mainnav ul li.selected a, #ccpreview_mainnav ul li.selected a {
	display: block;
	float: left;
	padding: 2px 10px;
	border-left: 1px solid #959595;
	border-right: 1px solid #959595;
	border-bottom: 1px solid #c2c2c2;
	color: #fff;
	}

#mainnav ul li.selected a, #ccpreview_mainnav ul li.selected a {
	background: #c2c2c2 url(../images/tab_selected.gif) repeat-x 0 0;
	}

#mainnav p.locked, #ccpreview_mainnav p.locked {
	float: right;
	font-size: 85%;
	color: #696969;
	margin-right: 10px;
	padding: 4px 0 4px 18px;
	background: transparent url(../images/lock.gif) no-repeat 0 2px;
	}

#mainnav p, #ccpreview_mainnav p {
	float: right;
	font-size: 85%;
	color: #696969;
	margin-right: 10px;
	padding: 4px 0 4px 18px;
	background: transparent;
	}

#mainnav p a, #ccpreview_mainnav p a {
	color: #696969;
	border-bottom: 1px solid #666;
	}

#subnav, #ccpreview_subnav {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #454545;
	}

#subnav ul li, #ccpreview_subnav ul li {
	float: left;
	padding: 8px 10px;
	}

#subnav ul li.selected, #ccpreview_subnav ul li.selected {
	background: transparent url(../images/caret.gif) no-repeat 50% 100%;
	}

#subnav ul li a, #ccpreview_subnav ul li a {
	color: #fff;
	font-size: 90%;
	}

#subnav ul li a:hover, #ccpreview_subnav ul li a:hover {
	color: #c2c2c2;
	}

#subnav input, #ccpreview_subnav input {
	position: absolute;
	top: 22%;
	right: 10px;
	color: #666;
	font-size: 90%;
	}

#content, #ccpreview_content {
	clear: both;
	background: #fff url(../images/content_back.gif) repeat-y 0 0;
	border-bottom: 1px solid #888;
	float: left;
	width: 100%;
   	min-height: 500px;
    height:auto !important;
    height: 500px;
	}

.columns {
	width: 100%;
	}

#sidebar, #ccpreview_sidebar {
	width: 200px;
	padding: 18px;
	vertical-align: top;
	font-size: .9em;
	}

#main, #ccpreview_main {
	padding: 14px 16px;
	vertical-align: top;
	}

#main #this_session {
	margin: 1px 0 13px 0;
	}

#main #this_session #gm_session_title {
	font-size: 0.95em;
	font-weight: normal;
	text-transform: uppercase;
	}

#main #this_session #gm_session_title, #gmsessionsummary_co2, #gmsessionsummary_distance {
	display: none;
	}

#main #gmsessionsummary {
	font-size: 1.4em;
	}

#main #gmsessionsummary .minortext {
	color: #666;
	}

#main .gmsessionimg {
	position: absolute;
	width: 24px;
	height: 12px;
	overflow: hidden;
	margin-top: 6px;
	}

#main #occurrence_co2,
#main #occurrence_distance {
	font-weight: bold;
	padding: 1px 0 1px 20px;
	margin-left: 8px;
	}

#footer, #ccpreview_footer {
	clear: both;
	font-size: .85em;
	}

#footer img, #ccpreview_footer img {
	vertical-align: middle;
	margin: -5px 0px -2px 8px
	}

#footer .left, #ccpreview_footer .left {
	float: left;
	padding: 14px 0 12px 10px;
	}

#footer .right, #ccpreview_footer .right {
	float: right;
	padding: 14px 10px 12px 0;
	}

#sidebar h2,
#ccpreview_sidebar h2,
#sidebar #greenheader {
	margin: 20px 0 4px 0;
	padding-bottom: 1px;
	font-weight: normal;
	text-transform: uppercase;
	color: #696969;
	border-bottom: 1px solid #bdbdbd;
	}

#sidebar h2,
#ccpreview_sidebar h2 {
	color: #981B1E;
	}

#sidebar h3 {
	color: #666;
	}

#sidebar a,
#ccpreview_sidebar a {
	color: #666;
	}

#sidebar a.join,
#ccpreview_sidebar a.join {
	color: #000;
	text-decoration: underline;
	}

#sidebar a.join {
	text-transform: uppercase;
	}

a.hoverlink:hover,
#sidebar a:hover {
	text-decoration: underline;
	}

#sidebar p {
	color: #9e9e9e;
	margin-bottom: 8px;
	}

#rptList ul.links li,
#sidebar ul.links li {
	margin-bottom: 4px;
	color: #666;
	}
	
#rptList ul.links li {
	margin-bottom: 6px;
}

#rptList ul.links li a {
	color: #000;
}

#rptList ul.links li p {
	margin-top: 2px;
}

#sidebar ul.links li span.annc_high {
	background: transparent url(../images/priority_high.png) no-repeat -1px 2px;
	padding: 2px 0 2px 16px; 
}

div.mainListView span.annc_high,
#modal span.annc_high,
#sidebar ul.links li.annc_high {
	background: transparent url(../images/priority_high.png) no-repeat 1px 0px;
	padding: 2px 0 2px 19px; 
}

div.mainListView span.annc_med,
#modal span.annc_med,
#sidebar ul.links li.annc_med {
	background: transparent url(../images/priority_med.png) no-repeat 1px 0px;
	padding: 2px 0 2px 19px;
}

#sidebar ul.links li span.annc_low {
	background: transparent url(../images/priority_low.png) no-repeat 2px 2px;
	padding: 2px 0 2px 16px; 
}

div.mainListView span.annc_low,
#modal span.annc_low,
#sidebar ul.links li.annc_low {
	background: transparent url(../images/priority_low.png) no-repeat 1px 0px;
	padding: 2px 0 2px 19px;
}

#sidebar #greenheader {
	height: 15px;
	margin-top: 0;
	}

#sidebar #greenheader h2 {
	margin-top: 0;
	border-bottom: none;
	line-height: 0.4em;
	vertical-align: bottom;
	}

#sidebar #greenheader a {
	float: right;
	margin-left: 4px;
	position: relative;
	padding-bottom: 2px;
	top: -17px;
	}

#sidebar #greenheader a.info {
	border-right: 1px solid #bbb;
	padding-right: 5px;
	top: -12px;
	}

#greenmeter {
	background: #b5c3a7 url(../images/green_bottom.gif) no-repeat bottom left;
	width: 200px;
	position: relative;
	padding-bottom: 3px;
	}

#nogreenmeter {
	margin-top: -27px;
	}

#digits {
	background: transparent url(../images/green_top.gif) no-repeat 0 0;
	width: 195px;
	height: 31px;
	padding-top: 13px;
	padding-right: 6px;
	}

#digits #reverse {
	float: right;
	}

#digits span {
	float: left;
	display: block;
	width: 19px;
	height: 0;
	padding-top: 26px;
	background-image: url(../images/digits.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	}

#digits .nin {background-position:0 -26px;}
#digits .eig {background-position:0 -52px;}
#digits .sev {background-position:0 -78px;}
#digits .six {background-position:0 -104px;}
#digits .fiv {background-position:0 -130px;}
#digits .fou {background-position:0 -156px;}
#digits .thr {background-position:0 -182px;}
#digits .two {background-position:0 -208px;}
#digits .one {background-position:0 -234px;}
#digits .zer {background-position:0 -260px;}

#digits span.comma {
	padding-top: 30px;
	width: 6px;
	background: transparent url(../images/digits_comma.gif) no-repeat 0 0;
	}

#digits span.point {
	width: 6px;
	background: transparent url(../images/digits_point.gif) no-repeat 0 0;
	}

#modes {
	position: absolute;
	top: 2px;
	left: 1px;
	}

#modes li a {
	display: block;
	width: 24px;
	height: 0;
	padding-top: 12px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 2px;
	border: 0;
	}

/* #modes li a:hover, */
#modes li a.selected {
	background-position: 0 -12px;
	}

#modes li a.car {
	background-image: url(../images/green_icon_travel.gif);
	}
#modes li a.cloud {
	background-image: url(../images/green_icon_cloud.gif);
	}
#modes li a.money {
	background-image: url(../images/green_icon_money.gif);
	}

#help {
	background: transparent url(../images/green_tile.gif) repeat-y 0 0;
	display: none;
	}

#help h3 {
	margin: 10px 6px 2px 6px;
	padding-bottom: 2px;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	border-bottom: 1px solid #666;
	}

#help p {
	padding: 0 6px 0 6px;
	font-size: .85em;
	color: #666;
	}

#help a {
	background: #666;
	color: #b5c3a7;
	padding: 1px 4px;
	}

#sidebar #approx {
	font-size: .95em;
	color: #666;
	}

#sidebar #savingslegend li {
	font-size: .95em;
	color: #666;
	}

#sidebar #referrallinks {
	padding-top: 25px;
	}

#tools, #ccpreview_tools {
	position: absolute;
	top: 20px;
	right: 20px;
	border-left: 1px solid #7f7f7f;
	}

#tools li, #ccpreview_tools li {
	float: left;
	}

#tools li a, #ccpreview_tools li a {
	display: block;
	border-bottom: 1px solid #7f7f7f;
	border-top: 1px solid #7f7f7f;
	border-right: 1px solid #7f7f7f;
	padding: 3px 6px;
	font-size: .8em;
	color: #7f7f7f;
	background: #c0c0c0 url(../images/tab_unselected.gif) repeat-x 0 0;
	}

#tools li a.selected,
#tools li a:hover,
#ccpreview_tools li a.selected,
#ccpreview_tools li a:hover {
	color: #fff;
	background: #b9b9b9 url(../images/tab_selected.gif) repeat-x 0 0;
	}




.datatable {
	font-size: .9em;
	border: 1px solid #BBB;
	width: 100%;
	border-left: none;
	clear: both;
	}

.datatable thead th {
	background: #f2f2f2 url(../images/table_header_back.gif) repeat-x left bottom;
	padding: 7px 10px 6px 10px;
	border-left: 1px solid #BBB;
	border-bottom: 1px solid #9D9D9D;
	color: #444;
	text-transform: uppercase;
	text-shadow: #9A9A9A 0px 1px 2px;
	font-size: 90%;
	}

.datatable th a {
	color: #444;
	display: block;
	}

.datatable thead th.sorted {
	background: #E7E7E7 url(../images/table_header_back_selected.gif) repeat-x left bottom;
	}

.datatable thead th.down a {
	padding-left: 12px;
	background: transparent url(../images/table_sort_down.gif) no-repeat 0 50%;
	}

.datatable thead th.up a {
	padding-left: 12px;
	background: transparent url(../images/table_sort_up.gif) no-repeat 0 50%;
	}




.datatable th a:hover {
	color: #000;
	}

.datatable th a:active {
	color: #666;
	}

.datatable thead th.down a {
	padding-left: 12px;
	background: transparent url(../images/table_sort_down.gif) no-repeat 0 50%;
	}

.datatable thead th.up a {
	padding-left: 12px;
	background: transparent url(../images/table_sort_up.gif) no-repeat 0 50%;
	}
	
.datatable tbody td,
.datatable tbody th,
.datatable tfoot th,
.datatable tfoot td {
	border-left: 1px solid #BBB;
	border-top: 1px solid #E6E6E6;
	padding: 6px 10px;
	font-weight: normal;
	line-height: 1.3em;
	}

.datatable tbody td {
	background: #FFF;
	}

.datatable tbody td select {
	font-size: 90%;
	color: #666;
	padding: 0;
	font-weight: bold;
	}

.datatable tbody td select option {
	margin: 0 4px 0 0;
	}

.datatable tbody td a,
.datatable tbody th a {
	display: inline;
	text-decoration: underline;
	}

.datatable tbody td a.session {
	color: #000;
	text-decoration: none;
	}

.datatable tbody td a:hover,
.datatable tbody td a.session:hover {
	text-decoration: underline;
	}

.datatable tbody td a.inlinebutton {
	color: #333;
	display: -moz-inline-box !important;
	display: inline;
	margin-right: 0px;
	text-decoration: none;
	}

.datatable tr.inactive td a,
.datatable tr.inactive td {
	color: #BBB;
	}

.datatable td a:hover {
	color: #000;
	}

.datatable tfoot td,
.datatable tfoot th {
	text-align: right;
	font-weight: bold;
	background: #EEEADB;
	border-top: 1px solid #BBB;
	}

.datatable tbody tr.odd td {
	background: #f7f7f7;
	}

.datatable .icon {
	width: 1px;
	padding: 4px 3px 5px 5px;
	}

.datatable .input input {
	width: 180px;
	padding: 1px 2px;
	font-size: 98%;
	}

/* ================= PAGINATOR DESIGN ================= */


.pagination {
	border: 1px solid #BBB;
	border-top: none;
	background: #dfdfdf;
	height: 2.2em;
	margin: 0 auto;
	z-index: 1;
	clear: both;
	font-size: .9em;
	margin-left: -.75px;
	}

.line {
	border-top: 1px solid #BBB;
	}

.pagination .left {
	border-collapse: collapse;
	float: left;
	padding: 2px 0 0 6px;
	}

.pagination .right {
	border-collapse: collapse;
	float: right;
	padding: 4px 6px 0 0;
	}

.pagination .right select {
	font-size: 90%;
	padding: 0;
	color: #666;
	width: 5em;
	}

.pagination .left img {
	margin-bottom: -6px;
	}

.pagination .left input {
	height: 1.1em;
	font-size: 90%;
	color: #666;
	margin-bottom: 0;
	padding: 0 2px 3px 2px;
	}


/* ================= SELECT ALL DESIGN ================= */

.select_all {
	font-size: .9em;
	border: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	background: #efefef;
	padding: 2px 5px;
	margin: 0 auto 0 -1px;
	position: relative;
	z-index: 1;
	clear: both;
	}

.select_all .links {
	color: #000;
	text-decoration: underline;
	}


/* ================= TOOLBAR DESIGN ================= */

.toolbar {
	font-size: .9em;
	border: 1px solid #BBB;
	border-bottom: none;
	background: #dfdfdf;
	height: 2.5em;
	position: relative;
	margin: 0 auto 0 -1px;
	z-index: 1;
	clear: both;
	}

.toolbar .tooltitle {
	font-size: .95em;
	margin: 6px 0 0 8px;
	text-transform: uppercase;
	}

.toolbar h3 {
	display: inline;
	line-height: 1.6em;
	font-size: 1.5em;
	color: #444;
	padding: 0 4px;
	}

.toolbar .left img {
	margin-bottom: -4px;
	}

.line {
	border-bottom: 1px solid #BBB;
	}

.toolbar .left {
	float: left;
	padding: 1px 0 0 4px;
	}

.toolbar .right {
	float: right;
	padding: 1px 4px 0 0;
	}

.toolbar .info {
	color: #666;
	font-size: 0.95em;
	margin-right: 10px;
	}

.toolbar .info .strong {
	color: #000;
	}

.toolbar select {
	font-size: 100%;
	position: relative;
	top: 3px;
	padding-bottom: 2px;
	}

.toolbar .button,
.toolbar .link {
	font-size: 1em;
	padding: 3px 0;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	border: 1px solid #888;
	border-bottom: 1px solid #7c7c7c;
	margin: 0 1px;
	line-height: 2.3em;
	background: #A3A3A3 url(../images/toolbar_button_back.gif) repeat-x bottom left;
	}

.toolbar .link a {
	padding: 3px 5px;
	margin: 0 1px;
	background-repeat: no-repeat;
	background-position: .3em -79px;
	color: #fff;
	}

.toolbar .button input {
	border: 0;
	padding: 1px 4px;
	font-size: 96%;
	cursor: pointer;
	cursor: hand;
	margin-top: 1px;
	line-height: 2em;
	background-position: .3em -81px;
	background-repeat: no-repeat;
	background-color: transparent;
	color: #fff;
	}

.toolbar .button input:hover {
	background-position: .3em -1px;
	color: #FFF;
	}

.toolbar .link a:hover {
	background-position: .3em 1px;
	color: #FFF;
	}

.selUList label{
	cursor: pointer;
	}

.selUList li{
	float:left;
	padding-left: 10px;
	}

.selUList2 {
	float:left;
	}
/* ================= REPORT CRITERIA DESIGN ================= */

.criteria {
	font-size: .9em;
	border: 1px solid #BBB;
	background: #fff;
	height: auto;
	position: relative;
	z-index: 1;
	padding: 7px 8px;
	clear: both;
	min-width: 675px;
	}

.criteria li {
	min-height: 16px;
	padding-top: 7px;
	}

.criteria label {
	cursor: pointer;
	}

#contenttabs {
	border-left: 1px solid #7f7f7f;
	float: left;
	}

#contenttabs li {
	float: left;
	}

#contenttabs li a {
	display: block;
	border-bottom: 1px solid #7f7f7f;
	border-top: 1px solid #7f7f7f;
	border-right: 1px solid #7f7f7f;
	padding: 3px 6px;
	font-size: .9em;
	color: #7f7f7f;
	background: #c0c0c0 url(../images/tab_unselected.gif) repeat-x 0 0;
	}

#contenttabs li a.selected {
	color: #fff;
	background: #b9b9b9 url(../images/tab_selected.gif) repeat-x 0 0;
	}

#contenttabs li a:hover {
	color: #000;
	}



.calendar {
	font-size: .9em;
	border: 1px solid #BBB;
	width: 100%;
	border-left: none;
	clear: both;
	}

.calendar thead th {
	background: #f2f2f2 url(../images/table_header_back.gif) repeat-x left bottom;
	padding: 7px 10px 6px 10px;
	border-left: 1px solid #BBB;
	border-bottom: 1px solid #9D9D9D;
	color: #444;
	text-transform: uppercase;
	text-shadow: #9A9A9A 0px 1px 2px;
	font-size: 90%;
	}

.calendar tbody td {
	border-left: 1px solid #BBB;
	border-top: 1px solid #bbb;
	font-weight: normal;
	line-height: 1.3em;
	background: #fff;
	width: 14%;
	padding: 0;
	padding: 6px;
	height: 90px;
	vertical-align: top;
	}

.calendar tbody td.inactive {
	background: #eee;
	}

.calendar tbody td.today {
	background: #ccc;
	}

.calendar tbody h4 {
	font-weight: normal;
	font-size: 1.5em;
	color: #CCC;
	margin-bottom: 4px;
	}

.calendar tbody a {
	color: #fff;
	z-index: 1;
	background: #aaa;
	padding: 1px 2px;
	display: block;
	margin-bottom: 2px;
	line-height: 1.2em;
	font-size: 95%;
	}

.calendar tbody a:hover {
	color: #fff;
	background: #666;
	}

.calendar tbody td.today h4 {
	color: #aaa;
	}

.calendar tbody td.today a {
	color: #fff;
	background: #666;
	}

.calendar tbody td.today a:hover {
	color: #fff;
	background: #333;
	}






.mainFoldersView {
	display: none;
	}

.browser {
	border: 1px solid #BBB;
	width: 100%;
	border-left: none;
	clear: both;
	}

.browser thead th {
	background: #f2f2f2 url(../images/table_header_back.gif) repeat-x left bottom;
	padding: 7px 10px 7px 5px;
	border-left: 1px solid #BBB;
	border-bottom: 1px solid #9D9D9D;
	color: #444;
	text-transform: uppercase;
	text-shadow: #9A9A9A 0px 1px 2px;
	font-size: .85em;
	line-height: 1.4em;
	}

.browser td {
	border-left: 1px solid #BBB;
	vertical-align: top;
	}

.browser td div {
	margin-left: -1px;
	}

.browser .scroller {
	height: 336px; /* 296px; */
	overflow: auto;
	margin-bottom: 0;
	position: relative;
	}



.browser td div.details {
	margin-left: 0;
	}

body#modal {
	font-size: .8em;
	font-family: Arial, sans-serif;
	line-height: 1.5em;
	}

.browser .details,
#modal {
	background: #FFF;
	font-size: 105%;
	/* padding: 20px; */
	}

#modal {
	padding: 20px;
	}
	
.browser .details a,
#modal a {
	color: #333;
	text-decoration: none;
	}

.browser .details a:hover,
#modal a:hover {
	text-decoration: underline;
	}
	
.browser .details a.inlinebutton,
#modal a.inlinebutton {
	text-decoration: none;
	}

.browser .details h4,
#modal h4 {
	margin: 11px 9px 2px 9px;
	color: #333;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px solid #DDD;
	}

.browser .details h4 a,
.browser .details h4 span,
#modal h4 a {
	color: #333;
	line-height: 1.6em;
	text-decoration: none;
	}

.browser .details h3,
#modal h3 {
	margin: 11px 9px 0 9px;
	padding-bottom: 2px;
	color: #333;
	font-weight: bold;
	border-bottom: 1px solid #DDD;
	}

.browser .details p,
#modal p {
	padding: 0 9px 7px 9px;
	line-height: 150%;
	clear: both;
	}

.browser .details ul,
#modal ul {
	margin: 0 0 0 24px;
	padding-bottom: 7px;
	list-style-type: square;
	}

#modal ul {
	margin-top: 20px;
	line-height: 1em;
	}

.browser .details li,
#modal li {
	padding: 1px 0;
	}

#modal textarea {
	border: 1px solid #BBB;
	padding: 2px;
	/*width: 363px;*/
	width: 100%;
	margin-right: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 5.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.browser .detailgrid,
#modal .detailgrid {
	clear: both;
	width: 100%;
	margin: 10px 0;
	}

.browser .detailgrid th,
#modal .detailgrid th {
	border: none;
	text-align: right;
	padding: 0 6px 5px 0;
	color: #AAA;
	}

.browser .detailgrid td,
#modal .detailgrid td {
	border: none;
	padding: 0 0 5px 0;
	}

.browser .begin {
	font-size: 1.8em;
	color: #DDD;
	font-weight: bold;
	padding: 20px;
	}

.browser th ul li#breadcrumbs {
	font-size: 90%
	}

.browser th#detailsHeader {
	font-size: 75%;
	}



.inlinebutton {
	font-size: .9em;
	padding: 2px 6px 1px 6px;
	margin-right: 3px;
	border-top: 1px solid #BBB;
	border-left: 1px solid #9D9D9D;
	border-right: 1px solid #9D9D9D;
	border-bottom: 1px solid #666;
	background: #C0C0C0 url(../images/tab_unselected.gif) repeat-x 0 0;
	color: #000;
	text-decoration: none;
	}



.carousel-component ul.carousel-list li a.columnav-active.add span {
	background-image: url(../images/add_selected.gif) !important;
	}

.carousel-component ul.carousel-list li a.add span {
	background-image: url(../images/add.gif) !important;
	}

.carousel-component ul.carousel-list li a span {
	cursor: pointer;
	cursor: hand;
	}
/*
.carousel-component ul.carousel-list li.columnav-menu a.document span {
	background-image: url(../images/browser_file.gif);
}

.carousel-component ul.carousel-list li.columnav-menu a.document.columnav-active span {
    background-image: url(../images/browser_file_selected.gif);
}
*/

div.mainListView span.ll_meeting,
.list-meeting {
	background: transparent url(../images/act_meeting.gif) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
div.mainListView span.ll_webcast,
.list-conference {
	background: transparent url(../images/act_conference.gif) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
div.mainListView span.ll_support,
.list-support {
	background: transparent url(../images/act_room.gif) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
div.mainListView span.ll_class,
.list-class {
	background: transparent url(../images/act_class.gif) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
div.mainListView span.document,
.list-document {
	background: transparent url(../images/act_document.gif) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
div.mainListView span.recording,
.list-recording {
	background: transparent url(../images/act_recording.gif) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
div.mainListView span.survey,
.list-survey {
	background: transparent url(../images/act_survey.gif) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
div.mainListView span.testlinc,
.list-testlinc {
	background: transparent url(../images/act_test.gif) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
div.mainListView span.edt_ots,
.list-ots {
	background: transparent url(../images/act_ots.gif) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
div.mainListView span.icanvas,
.list-icanvas {
	background: transparent url(../images/act_class.gif) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
.list-folder {
	background: transparent url(../images/browser_folder.gif) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
.list-file {
	background: transparent url(../images/browser_file.gif) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}

.list-cnt-av {
	background: transparent url(../images/cnt_av.png) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
.list-cnt-doc {
	background: transparent url(../images/cnt_doc.png) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
.list-cnt-dcr {
	background: transparent url(../images/cnt_av.png) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
.list-cnt-file {
	background: transparent url(../images/cnt_blank.png) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
.list-cnt-ipb {
	background: transparent url(../images/cnt_ipb.png) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
.list-cnt-irf {
	background: transparent url(../images/cnt_irf.png) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
.list-cnt-pdf {
	background: transparent url(../images/cnt_pdf.png) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
.list-cnt-ppt {
	background: transparent url(../images/cnt_ppt.png) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
.list-cnt-qna {
	background: transparent url(../images/cnt_qna.png) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
.list-cnt-swf {
	background: transparent url(../images/cnt_swf.png) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
.list-cnt-txt {
	background: transparent url(../images/cnt_txt.png) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
.list-cnt-websync {
	background: transparent url(../images/cnt_websync.png) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
.list-cnt-xls {
	background: transparent url(../images/cnt_xls.png) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}
.list-cnt-zip {
	background: transparent url(../images/cnt_zip.png) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}

.list-cnt-user {
	background: transparent url(../images/icon_user.gif) no-repeat 0 0;
	padding: 2px 0 2px 19px;
	}

.list-refer {
	background: transparent url(../images/icon_refer.png) no-repeat 0 0;
	padding: 0 0 4px 19px;
	}

.stat-denied {
	color: #FF8000;
	}

.stat-full {
	color: #FF0000;
	}

.stat-registered {
	color: #003FAF;
	}

.stat-join,
.stat-launch,
.stat-unregistered,
.stat-pending {
	color: #000000;
	}

#announce {
	padding: 10px;
	margin: 0 0 20px 0;
	background: #FFECC1 url(../images/announce.gif) repeat-x bottom left;
	border: 1px solid #ccc;
	}

#announce img {
	vertical-align: middle;
	padding-bottom: 2px;
	}

#announce h2 {
	text-transform: uppercase;
	margin-bottom: 4px;
	}

#announce a {
	color: #000;
	}

#announce a:hover {
	text-decoration: underline;
	}

#announce ul {
	list-style-type: square;
	padding-left: 20px;
	}


.popup {
	line-height: 1.7em;
	color: #666;
	}

.popup a {
	color: #000;
	text-decoration: underline;
	}

a.inlinebutton {
	text-decoration: none;
	}

.browser th a.inlinebutton {
	float: left;
	margin: -3px 6px 0 0;
	}

.browser th a.inlinebutton img {
	vertical-align: bottom;
	}

/* @group Notifications */

#error {
	background: #F1EEE3;
	padding: 10px;
	line-height: 1.3em;
	margin-bottom: 20px;
	font-size: .9em;
	}
 
div.statuserror a {
	color: #CB2928;
	text-decoration: underline;
	}

div.statuserror {
	border: 1px solid #CB2928;
	color: #CB2928;
	}

div.statusconfirm {
	border: 1px solid #007F00;
	color: #007F00;
	}

div.statusmessage {
	border: 1px solid #9D9D9D;
	color: #000000;
	}

div.statuserror p,
div.statusconfirm p,
div.statusmessage p {
	padding-bottom: 1em;
	}

div.statuserror p.last,
div.statusconfirm p.last,
div.statusmessage p.last {
	padding-bottom: 0;
	}

#error.statuserror h3 {
	background: transparent url(../images/error_24.gif) no-repeat 0 50%;
	padding: 6px 0 6px 30px;
	}

#error.statusconfirm h3 {
	background: transparent url(../images/confirm_24.png) no-repeat 0 50%;
	padding: 6px 0 6px 30px;
	}

#error.statusmessage h3 {
	background: transparent url(../images/message_24.png) no-repeat 0 50%;
	padding: 6px 0 6px 30px;
	}

#error h3 {
	font-weight: bold;
	}

#error ul {
	list-style-type: square;
	margin: 6px 0 6px 35px;
	clear: both;
	}

/* @end */

/* @group Content Header */

.contentheader {
	margin-bottom: 20px;
	}

.contentheader h2 {
	font-weight: bold;
	font-size: 120%;
	}

.contentheader p {
	color: #444;
	}

/* @end */

/* @group Form */

#main form {
	clear: both;
	border: 1px solid #BDBDBD;
	padding: 10px 15px;
	background: #FFF;
	}

#main form.nostyle {
	clear: both;
	border: none;
	padding: 0;
	}

#cltSelList h2,
#subheading h2,
form h2 {
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	font-size: 95%;
	margin-top: 10px;
	}

#subheading p,
form p {
	font-size: .9em;
	color: #666;
	padding: 0 0 6px 0;
	}

form td em {
	font-size: 1em;
	color: #666;
	}


.formwrapper td {
	vertical-align: top;
	}

.formwrapper .leftpadding {
	padding-left: 50px;
	}

.formtable {
	/* border-top: 1px solid #DFDAC9; */
	font-size: .9em;
	margin-bottom: 20px;
	}

.formtable tbody.choice td,
.formtable tbody.choice th {
	background: #eee;
	}
 
.formtable select {
	border: 1px solid #BBB;
	padding: .1em 0 .1em 1px;
	}

.formtable select option {
	margin-right: 3px;
	}

div.htmltextbox,
.formtable input,
.formtable textarea,
.checkbox input {
	border: 1px solid #BBB;
	padding: 2px;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	}

div.htmltextbox {
	width: auto;
	padding: 4px 6px 4px 6px;
	margin-top: -3px;
	margin-right: 6px;
	}

div.htmltextbox a,
div.htmltext a,
p.htmltext a {
/* for htmltextbox text, like login top & bottom */
	color: #003FAF !important;
	text-decoration: underline !important;
	}

.checkbox ul {
	padding-left: 20px;
	}

.formtable textarea {
	height: 6em;
	}
 
.layout .line fieldset {
	margin-top: 40px;
	margin-bottom: 20px;
	display: inline;
	}

.formtable td span.required,
.formtable th em {
	font-family: georgia, sans-serif;
	font-size: 1.7em;
	line-height: .25em;
	color: #CB2726;
	font-weight: boldest;
	vertical-align: -.3em;
	padding-right: 2px;
	}

.formtable .failed label {
	background: transparent url(../images/error_16.gif) no-repeat 100% 50%;
	color: #CB2726;
	padding: 6px 18px 6px 2px;
	font-weight: bold;
	}
	
.formtable th,
.formtable td {
	/* border-bottom: 1px solid #ddd; */
	padding: 3px 0;
	vertical-align: top;
	}
 
.formtable th {
	text-align: right;
	padding: 5px 10px 6px 2px;
	font-weight: normal;
	}

.formtable td select {
	font-size: 95%;
	color: #333;
	}

.formtable .input,
.formtable .required,
.formtable .failed {
	vertical-align: middle;
	}

.formtable .checkbox,
.formtable .radio {
	padding-top: .25em;
	}
 
.formtable .checkbox input,
.formtable .radio input{
	width: 13px;
	height: 13px;
	margin: 2.5px 4px 2px 0;
	vertical-align: middle;
	border: none;
	}
 
.formtable .checkbox label,
.formtable .radio label {
	padding: 0 10px 0 0;
	cursor: pointer;
	vertical-align: middle;
	}

.formtable input.file {
	width: auto;
	}

.formtable td .inlinebutton {
	font-size: 1em;
	padding: 2px 6px 1px 6px;
	color: #000;
	}

.formtable td.fieldbreak {
	border-top: 1px solid #DFDAC9;
	height: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	}

.formtable input.smallint {  /* holds 5 or fewer digits */
	width: 40px;
	}

/* @end */

/* @group Page Actions */

.actions {
	clear: both;
	margin-top: 20px;
	margin-bottom: 5px;
	}

.actions a,
.actions .span-default,
.actions input {
	border-top: 1px solid #BBB;
	border-left: 1px solid #9D9D9D;
	border-right: 1px solid #9D9D9D;
	border-bottom: 1px solid #666;
	background: #C0C0C0 url(../images/tab_unselected.gif) repeat-x 0 0;
	color: #333;
	padding: 1px 6px 2px 6px;
	}

.actions .span-default,
.actions .default {
	border: 2px solid #666;
	color: #000;
	position: relative;
	top: -2px;
	}

.actions .nondefault {
	margin-left: 10px;
	position: relative;
	top: -2px;
	}

/* @end */

/* @status change form */

div#anncStatusChangeBtns, div#linkStatusChangeBtns,
div#statusChangeBtns, div#statusConfirmBtns {
	margin-top: 14px;
	}

span#selItemTotals {
	font-size: 0.85em;
	margin-left: 6px;
	}

table#statusChangeDesc {
	margin-top: 12px;
	font-size: 0.85em;
	}

table#statusChangeDesc td {
	color: #666; 
	padding: 2px 8px 2px 0;
	}

table#statusChangeDesc td.first {
	color: #000;
	text-align: right;
	}

/* @end */

ul.footnotes {
	margin-top: 12px;
	font-size: 0.85em;
	}

/*
#loading {
	background-color: #CF4342;
	color: #FFF;
	display: none;
	padding: 1px 4px;
	position: fixed;
	right: 0;
	top: 0;
	}

#loading {
	display: none;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	width: 208px;
	height: 13px;
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	}
*/

#loading,
.loadingwhite,
.loadinggray {
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	z-index: 10;
	}

#loading {
	display: none;  /* block; */
	background-image: url(../images/loading2.gif);
	position: absolute;
	top: 102px;
	right: 9px;
	}

.loadingwhite {
	background-image: url(../images/loadingwhite.gif);
	}

.loadinggray {
	background-image: url(../images/loadinggray.gif);
	}

.tooltipText {
	cursor: default;
	}

/* @system test styles */

.systestfailedmajor  { 
	color: #CE0000; 
	font-weight: bold; 
	font-size: 12pt
	}
.systestfailedminor {
	color: #CE0000; 
	font-weight: bold 
	}
.systestpassed {
	color: #009900; 
	font-weight: bold 
	}
.systesthidden { display: none }
.systestsuccessful { 
	color: #009900; 
	font-weight: bold; 
	font-size: 12pt
	}

.systesttable {
	font-size: 100%;
}
.systesttable td {
    padding: 2px 40px 2px 0;
}
.systesttable .first {
    font-weight: bold;
}

/* @end */

/* @new session dropdown styles */

.anylinkcss {
	position:absolute;
	visibility: hidden;
	border: 1px solid #888;
	#border-bottom-width: 0;
	font-family: Arial, sans-serif;
	font-size: 90%;
	font-style: normal;
	line-height: 18px;
	z-index: 100;
	background-color: #981B1E;
	color: white;
	#width: 205px;
	#width: 175px;
	width: 10em;
	white-space: nowrap;
	}

.anylinkcss a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #A3A3A3;
	padding: 1px 0;
	text-decoration: none;
	font-weight: normal;
	text-indent: 5px;
	color: white;
	}
	
.anylinkcss a:hover { /*hover background color*/
	color: #c2c2c2;
	}
	
/* @end */

/* @new client admin styles */

.clienttable {
    font-size: 100%;
	}
.clienttable td {
	padding: 2px 30px 2px 0;
	}
.clienttable .first {
	padding-left: 20px;
	}
.clienttable .subfirst {
	padding-left: 40px;
	}
.clienttable input {
	width: 40px;
	}
  
.clientemailtable {
	font-size: 100%;
	}
.clientemailtable td {
    padding: 2px 1px;
    vertical-align: bottom;
	}
.clientemailtable input {
	width: 130px;
	}
.clientemailtable .first {
	padding-left: 20px;
	}

/* @end */

/* @new join styles */

.joinmanual {
	font-size: 8pt;
}
.joinlinknew {
	font-weight : normal;
	text-decoration: underline;
	color: #003FAF;
}

/* @end */