html {
	height: 100%;
}

body {
	background: url('../images/pagebg.jpg') top center  fixed;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: trebuchet, helvetica, arial, sans-serif;
}

h1 {
	font-family: "trebuchet", "gill sans";
	margin: 5px;
	border-bottom: 2px solid #888;
	padding-bottom: 3px;
}

p, .remind {
	font-size: 12px;
	padding: 5px;
}

h3 a img.control{
	float:right;
	width: 22px;
}

a {
	color: #172537;
}

div#page_wrapper {
	width: 990px;
	margin: 0 auto;
	background: #555 url('../images/bg2.PNG') repeat-y;
	padding: 0 10px;
}

#main_nav {
	height: 40px;
	line-height: 40px;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	float: left;
	clear: left;
}


.sub_nav {
	display: none;
}

.nav_selected {
	background: url('../images/two.png');
}

.sub_nav li {
	background: url('../images/three.png');
}

#current_tix {
	margin: 0px;
	padding: 0px;
}

div.system_alert {
	border: 1px solid #AAA;
	width: 280px;
	height: 12px;
	padding: 7px;
	text-align: center;
	color: #600;
	font-size: 10px;
	background-color: #FFF;
	margin: 5px;
	margin-left: 330px;
}

.banner_link {
	text-decoration: none;
	margin-left: 0px;
	width: 75px;
	text-align: center;
	margin-top: 0px;
	height: 15px;
	line-height: 14px;
	color: #fff;
	position: relative;
	float: left;
	clear: none;
	font-size: 9px;
	background: #333;
	border: 1px solid black;
	border-top: 0px;
}


#main_nav ul {
	padding: 0px;
	margin: 0px;
	float: left;
	clear: both;
}

#main_nav li {
	font-size: 15px;
	width: 120px;
	/*border-right: 1px #444 solid;*/
	text-align: center;
	list-style: none;
	float: left;
	clear: none;
	padding: 0px;
	margin: 0px 1px 0px 1px;
}

#main_nav li a {
	text-decoration: none;
	color: #EEE;
	float: left;
	clear: left;
	width: 120px;
}

#main_nav li a.navigation:hover {
	text-decoration: underline;
	background: #444 url('../images/four.png');
}

.sub_nav li:hover {
	background: url('../images/one.png');
}

.navigation {
	cursor: pointer;
}

#content {	background: #EEE;
	min-height: 200px;
	margin-top: 10px;
	float: left;
	clear: both;
	margin: 10px 0 10px 14px;
	padding: 10px;
	width: 940px;
}

#banner {
	width: 980px;
	border: 1px #333 solid;
	margin-top: 10px;
	float: left;
	clear: none;
}

.button_link {
	width: 200px;
	height: 40px;
	float: left;
	clear: left;
	line-height: 40px;
	background-color: #CCC;
	text-decoration: none;
	border: 2px outset black;
	text-align: center;
	color: #333;
}

#masthead {
	width: 980px;
}

#ticket_select {
	border: 1px solid #333;
}

#ticket_button {
	border: 1px solid #333;
	background: #BBB;
}

h2 {
	margin-top: 0px;
	width: 94%;
	font-size: 18px;
	padding: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
	color: #333;
	background-color: #FFF;
	font-weight: lighter;
	/*margin: 5px;
	 margin-left: 330px;*/
}

#footer a {
	color: #99F
}

#footer {
	
	margin-top: 0px;
	width: 970px;
	float: left;
	clear: none;
	margin-bottom: 10px;
	padding: 5px;
	text-align: right;
	font-size: 11px;
	color: #FFF;
}

.next_question {
	width: 300px;
	height: 30px;
	border: 1px solid #666;
	line-height: 30px;
	text-align: center;
}

.projectlist {
	background: #EEE;
	margin-bottom: 5px;
	font-size: 12px;
}

.survey_questions {
	display: none;
}

#project_list {
	margin: 10px 0 0 0;
	padding: 5px;
	background: #FFF;
	width: 650px;
	width:auto;
	clear: none;
	overflow: hidden;
}

#project_overview {
	margin: 10px 0 0 0;
	padding: 5px;
	background: #FFF;
	width:730px;
	float:left;
	clear: none;
	overflow: hidden;
}
.clickable:hover{cursor:pointer;}

#project_list,
.project_list {
	margin: 10px 0 0 0;
	padding: 5px;
	background: #FFF;
	width: auto;
	height:100%;
	clear: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
>>>>>>> .r178
}

.hideButton,
.showComment,
.hideComment,
.showButton {
	float:right;
}

.hideButton a,
.showComment a,
.hideComment a,
.showButton a {
	font-size: small;
}

#user_main {
	float: left;
	clear: none;
	margin-left: 10px;
	width: auto;
	font-family: Arial;
}

.user_menu {
	float: right;
	clear: none;
	margin-right: 5px;
	width: auto;
	font-family: Arial;
	border: 1px solid #333;
	height: 20px;
	line-height: 20px;
	padding-left: 7px;
	padding-right: 7px;
	margin-top: 4px;
	background: #EEE;
}

.task_switch {
	background: #CEE;
	font-size: 13px;
}

.task_pause {
	background: #CEE;
	font-size: 13px;
}

.task_complete {
	background: #CEE;
	font-size: 13px;
}

.user_menu a {
	color: #333;
	text-decoration: none;
}

a.admin_link {
	color: #333;
}

#user_name {
}

.project_name {
	font-size: 13px;
	color: #333;
	line-height: 16px;
	font-weight: 700;
	text-decoration: underline;
	margin-top: 2px;
	padding-left:  5px;
	font-family: Arial;
	float: left;
	clear: left;
}

.project_content {
	width: 950px;
	padding: 0;
	margin: 5px 0px 2px 0px;
	clear: none;
	/*float: left;*/
}

.project_content:hover {
	cursor: pointer;
}

.project_old_content {
	display: block;
	height: auto;
	margin-top: 0px;
	width: 950px;
}



.project_desc {
	width: 100%;
	/*float: left;*/
	clear: none;
	padding: 2px;
	font-size:  11px;
}

.project_desc a {
	text-decoration: none;
	color: #333;
}

.project_table {
	width: 100%;
}

.project_table th {
	width: 150px;
	border: 1px solid #CCC;
	padding: 3px;
	background: #EEE;
	font: 13px Arial;
	color: #333;
}

.project_table td {
	border: 1px solid #CCC;
	padding: 1px;
	padding-left: 10px;
	font: 11px Arial;
	/*font-size: 12px;*/
}

.task_box {
	clear: none;
	border: 0px solid black;
}
.table_task {
	width: 183px;
	border-collapse: collapse;
	margin: 5px 5px 5px 2px;
}
.table_task td,th{border: 1px #333 solid;}
.task_type a{ text-decoration: none; color: #333; cursor:pointer;}
.table_task td{ padding-left: 5px; font-family: Arial; font-size: 12px;}
.critical{
	background: #FCE !important;
}
.normal{
	background: #CFA !important;
}
.important{
	background: #FFA !important;
}
.task_user_name{
	float: left;
	clear: none;
	width: 100px;
	border: 1px solid #E9E9E9;
	text-align: center;
	height: 20px;
	margin-left: 5px;
	margin-right: 5px;
}
.task_init{
	float: left;
	clear: left;
	width: 940px;
}
.new_task_list{
	float: left;
	clear: left;
	margin-bottom: 15px;
}
#task_box{
	width: 950px;
	padding: 5px;
	border: 1px solid #aaa;
	float: left;
	clear: left;
	background: #fff;
	font-family: Arial;
}
#task_comments{
	width: 950px;
	padding: 5px;
	border: 1px solid #aaa;
	float: left;
	clear: left;
	background: #fff;
	font-family: Arial;
	margin-top: 10px;
}
#task_info{
}
.comment_block_title{
	width: 100%;
	font-family: Arial;
	font-size: 18px;
	font-weight: lighter;
	/*text-decoration: underline;*/
}
#comment_block{
	margin-left: 5px;
	float: left;
	margin-top: -10px;
	clear: left;
	width: 100%;
}
.comment .comment{
	margin: 0px;
}
.comment_title{
	border: 1px solid #EEE;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
	background: #FFF;
	color: #111;
	padding: 2px;
}
.comment .comment .comment_title{ border-top: 0px;}
.comment_info{
	font-size: 9px;
	border: 1px solid #EEE;
	border-top: 0px solid #EEE;
	background: #EEE;
	text-align: right;
	height: 5px;
}
.comment_info b{
	font-size: 10px;
}
.comment_comment{
	border: 1px solid #EEE;
	border-top: 0px solid #CCC;
	background: #FFF;
	vertical-align: middle;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	font-family: Arial;
	font-size: 11px;
}
.comment_type{
	width: 930px;
	padding: 5px;
	font-family: Arial;
	font-size: 18px;
	font-weight: lighter;
	border: 1px solid #EEE;
	color: #222;
	line-height: 18px;
	float: left; clear: left;
}
.level_1{width: 99%;}
.comment_type span{
	width: auto;
	margin-left: 10px;
	font-family: Arial;
	font-size: 12px;
	color: #666;
}
.comment_reply{
	font-size: 10px;
	color: blue;
	text-decoration: underline;
	margin-left: 5px;
	vertical-align: middle;
	cursor: pointer;
	font-family: Arial;
	font-weight: bold;
}
#task_form{
	width: 950px;
	padding: 5px;
	margin-top: 10px;
	border: 1px solid #AAA;
	background: #FFF;
	float: left;
	clear: left;
}
.hideme{ display: none; }
.inner_header{
	width: 98%;
	border: 1px solid #AAA;
	font-family: Arial;
	font-weight: lighter;
	font-size: 17px;
	padding: 3px;
	background: #CCC;
}
.inner_sub_header{
	width: auto;
	border: 1px solid #CCC;
	font-family: Arial;
	font-weight: lighter;
	font-size: 13px;
	padding: 3px;
	background: #EEE;
	margin:  5px;
}
#edit_user_table td{
	border: 1px solid #AAA;
	text-align: center;
}
#edit_user_table th{
	border: 1px outset #AAA;
	text-align: center;
	background: #333;
	color: #fff;
}
.form_style{
	font-family: Arial;
	font-size: 11px;
}
#sales_manager{
	height: 500px;
	float: left;
	clear: none;
	margin-left: 15px;
	width: 920px;
	border: 1px solid #AAA;
}
#sales_manager td,th{
	border: 1px solid #AAA;
}
#sales_company{
	height: 250px;
	vertical-align: top;
}
#sales_content{
	vertical-align: top;
	padding: 10px;
}
.company_item{
	text-align: left;
	border: 0px solid black;
	margin: 1px;
	padding: 2px;
	padding-left: 10px;
	font-size: 13px;
	cursor: pointer;
}
.company_item:hover{
	background: #EEE;
}
#div_company_list{
	overflow-y: scroll;
	height: 225px;
}
#div_reminder_list{
	overflow-y: scroll;
	height: 225px;
}
.reminder_item{
	text-align: left;
	border: 0px solid black;
	margin: 1px;
	padding: 2px;
	padding-left: 10px;
	font-size: 13px;
	cursor: pointer;
}
.reminder_item:hover{
	background: #EEE;
}
#div_company_list_title{
	font-size: 16px;
	padding: 1px;
	background: #eee;
}
#sales_header{
	height: 40px;
}
#sales_header a{
	padding: 5px;
	margin-left: 25px;
	text-decoration: none;
	border: 1px solid #AAA;
	background: #CCC;
	color: #333;
}
#company_name{
	font-size: 20px;
	text-decoration: underline;
}
#company_info_body{
	border: 0px solid black;
	height: 450px;
	margin-top: 5px;
}
#company_info_table{
	border: 0px solid black;
	height: 100%;
	width: 100%;
}
#company_info_table td{
	border: 0px;
	width: 210px;
	vertical-align: top;
	padding: 2px;
}
.company_info_header{
	text-align: center;
	border: 1px solid #999;
	background: #CCC;
	font-size: 15px;
}
.sale_button{
	background: url('../images/gradient.png');
	height: 30px;
	line-height: 30px;
	border: 1px outset #DDD;
	width: 200px;
	cursor: pointer;
	margin: 5px;
	text-align: center;
	font-size: 15px;
}
.sale_button img{
	height: 20px;
	width: 20px;
	position: relative;
	top: 4px;
}
a img{
	border: 0px;
}
#note_info th{
	width: 100px;
	background: #EEE;
	border: 1px solid #CCC;
	text-align: left;
	padding-left: 10px;
}
#note_info td{
	border: 0px solid #CCC;
	text-align: left;
	padding-left: 10px;
}
.icon{
	height: 16px;
	width: 16px;
}
.noborder{
	border: 0px;
}
#new_form th{
	text-align:left;
	padding-left: 10px;
}
#new_form td{
	padding-left: 10px;
	background: #EEE;
	vertical-align: top;
	padding: 5px;
}
.top_item{
	color: #333;
	background: #EEE;
	border: 1px solid #333;
	text-decoration: none;
	position: relative;
	top: 7px;
	float: right;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
	margin-bottom: 2px;
	font-size: 10px;
}
.top_item span{
	margin-left:4px;
	background: url("../images/red_circle.png") no-repeat;
	background-size:contain;
	color:#FFF;
	height:14px;
	width:14px;
	text-align:center;
	display:inline-block;
	
}
.sale_header_1{
	margin: 0px;
}
.sale_chat{
	border: 1px solid #333;
	height: 490px;
	margin-top: 10px;
}
.lead_table{
	float: left;
	clear: none;
	margin-left: 25px;
	width: 410px;
	border: 0px solid #AAA;
}

.task_options img{
	height:18px;
	padding:1px;
	float:left;
	border-right:2px solid white;
}

.task_options img:hover{cursor:pointer;background-color:#CCC;}
.task_options_extend{
	float:left;
	border-top-right-radius:5px; 
	border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px; 
	-khtml-border-top-right-radius:5px;
	-khtml-border-bottom-right-radius:5px; 
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px; 
	background-color:#CCC;
	border-right:1px solid white;
	display:none;
	
}
.task_options_extend img{border:none;margin:0px 3px 0px 3px;}
.task_options_extend img:hover{cursor:pointer;}
.task_info_extend{
	display:none;
	float:left;
	font-family: Arial;
    font-size: 12px;
	vertical-align:middle;
	height:24px;
	
}

.extend_info_single{
	margin-left:5px;
	margin-top:1px;
	padding:2px;
	background-color:#FFF;
	font-family: Arial;
    font-size: 10px;
	height:18px;
}

.rounded_grey{
	border-radius:5px;
	-moz-border-radius:5px; 
	-khtml-border-radius:5px; 
	-webkit-border-radius:5px;
	background-color:#EEE;
}
.rounded{
	border-radius:5px;
	-moz-border-radius:5px; 
	-khtml-border-radius:5px; 
	-webkit-border-radius:5px;
}
.strikethrough{text-decoration:line-through;}

#project_info{
	display:none;
	float:right;
	background-color:#CCC;
	margin-top:-4px;
	width:500px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px; 
	-khtml-border-bottom-right-radius:5px;
	-khtml-border-bottom-left-radius:5px; 
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px
}

#project_header{
	background-color:#CCC;
	margin: 0px;

	width:auto;
	margin:5px 0px 5px 0px;
	padding:2px;
}
#project_header img{
	height:20px;
	float:right;
	padding:3px;
}
#project_header img:hover{
	cursor:pointer;
}

#project_header span{
	font-weight:normal;
	font-size:12px;
	vertical-align:middle;
}

#evernote_noteList ul li:hover{
	background-color:#CCC;
}

.project_aSmallImage{
	max-height:10px;
	width:10px;
	padding-left:5px;
}

.task_wrapper{
	margin:2px 10px 2px 20px;
	padding: 0px;
	width:auto;
	overflow:hidden !important;
	max-height:20px;
}

.task_desc{
	float:left;
	
	width:90%;
	margin:auto;
	padding:2px 2px 2px 5px;
	font-family: Arial;
    font-size: 12px;
	overflow:hidden;
	vertical-align:middle !important;
}
.task_desc img{width:20px;padding-right:5px;}
.task_desc img:hover{cursor:pointer;}
.task_desc a{text-decoration:none;}

.task_icons{}
.task_icons a{}
.task_icons a:hover{cursor:pointer;}
.task_icons img{
	width:14px;
	padding-right:5px;
	height:14px;
	float:right;
}
.task_icons img:hover{cursor:pointer;}

.task_date{
	width:auto;
	font-style:italic;
	font-size:11px;
}

.task_date img{
	width:16px;
	vertical-align:middle;
	margin:0px 8px 0px 5px;
}

.complete{
	background-color:#CCC;
}

.timer_wrapper{
	width:900px;
	height:40px;
	clear:both;
	background-color:#EEE;
	margin:5px 0px 5px 0px;
}

.task_timer_width{width:867px;}
.view_task_td{padding-left: 5px; font-family: Arial; font-size: 12px;}
.align_right{text-align:right; padding-right:30px;}

/*----------------------------------------------------------------*/

DL {
}
DT {
	font-weight: 600;
	font-size: 13px;	
	margin: 10px 4px 0 4px;
}
DD{
	margin: 2px 0 0 40px;
	font-size: 10px;
	font-weight: 100;
}	

DL sub {
color: #CCC;
font-weight: 100;
line-height: 3px;
font-size: 10px;
color:  #00D;
margin-left: 3px;
}


/*PROJECT LIST*/

.taskpreview{white-space:nowrap;overflow:hidden;height:*;}


dd.tasks ul {margin: 30px 20px 10px 25px;}
li.taskpreview {text-indent: -3px; font-size: 11px; color: #009; margin-left: 71px; margin-top: 6px; line-height: 20px; list-style: none; width:auto;}
li.taskpreview img{height:18px;vertical-align:middle;}
li.taskpreview img:hover{cursor:pointer;}
a.task_prev_link{text-decoration:none;font-size:1em;}
span.taskcategory {padding: 4px; margin: 4px; color: #000;}
.taskpreviewops{display:none;margin-right:5px !important; width:72px;}
.taskpreviewops img{float:left; width:16px;padding-right:1px;}
.taskpreviewdiffered{opacity:0.5;}

DL.notasks DT {display: inline; font-size: 12px; float: none;}
DL.notasks DT:hover { font-size: 13px; color: #444;}
DL.notasks DT:before {content: "•" ; padding: 5px;}

a#projectsAccordionClickMe{
	display:block;
	border:1px solid #CCCCCC;
	padding:2px;
	margin-top:3px;
	background-color:#FFF;
	color:#545454;
	text-decoration:none;
}
a#projectsAccordionClickMe img{
	vertical-align: text-bottom;
	float:right;
	height:20px;
}

/* TIME TRACKING TOOLBAR STYLES*/
#user_box {
	width: auto;
	float: left;
	background-color:#FFF;
	padding:5px;
	position:fixed;
	margin:-370px 735px;
	border:1px solid #555;
	left:210px;
	top: 410px;
}
#user_box h3{
	width:auto;
	height:24px;
	margin:2px;
	border: 1px solid #CCCCCC;
}
#user_box_header span{float:right;vertical-align:middle;padding-top:2px;}
#user_box_header :hover{cursor:default;}

.time_box{
	background-color:#CCC;
	margin: 2px 2px;
	padding:2px;
	width:252px;
	float:left;
	clear:both;
	max-height:250px; 
	overflow-y: auto;
}

#timer_tools img{
	width:64px;
	padding:5px 10px 5px 10px;
	float:left;
}

#timer_task_tools img{
	float:right;
	width:24px;
	margin:0px 3px 0px 3px;
}
#timer_task_tools img:hover{cursor:pointer;}

.time_box label{
	float:left;
	padding:0px 5px 0px 0px;
	font-weight:bold;
}
.time_box input[type="submit"]{
	margin:5px 0px 5px 40%;
	
}
.time_box p{margin-left:15px;}
.state_icons{
	float:right;
	width:20px;
	max-height:20px;
	padding:2px;
}
.time_box span{float:right;}
#hide_timer_tools{padding-right:30px;width:24px !important;height:auto !important; padding: 0px !important;}
#hide_timer_tools:hover{cursor:pointer;}
.clear{clear:both;}

/*CONTACT SCREEN STYLES*/
.contact_icon{float:left!important;height:16px!important;padding:2px 0px 0px 2px;}
.contact_wrapper{width:auto;margin:2px 0px 2px 20px; clear:both;}
.contact_wrapper:hover{border:solid 1px #CCC;margin:1px -1px 1px 19px;}
.contact_wrapper a{text-decoration:none;}
.contact_wrapper a:hover{cursor:pointer;font-weight:bold;}
.contact_wrapper span{vertical-align:middle; margin-left:5px;}
.contact_wrapper img{height:24px;margin:0px 2px; float:right;}
.contact_avatar {max-height:225px;max-width:300px;}
.contact_smallimage {max-height:50px;max-width:50px;}
.contact_avatarTwo {max-height:225px;max-width:300px;}
.contact_smallimageTwo {max-height:50px;max-width:50px;}
.contact_bottomAlign {vertical-align:bottom;}

/*CONTACT FORM STYLES*/
.form_row{float:left;width:100%;margin:4px 0px 4px 0px;}
.form_row label{width:160px;text-align:right;display:block;float:left;padding-right:10px;font-weight:bold;height:100%;}
.form_row span{float:left;}
.form_row p{float:left;width:740px;margin-top:0px;}
.form_spacer{width:100%;height:1em;float:left;}
.largeTextArea{width:500px;height:200px;}
.mediumTextArea{width:500px; height:100px;}
.longTextBox{width:500px;}
.form_row input[type="text"]{width:200px;}
.form_row textarea{width:300px;height:150px;}

/*REPORTING STYLES*/
.report_col{float:left;width:230px;}
.report_header{
	margin:5px 0px 0px 0px;
	padding-left:26px;
	border-bottom: 2px solid white;
	background-image:url('../images/graph_chart.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-size:20px 20px;
}
.report_header:hover{
	cursor:pointer;
}


/*TICKET SCREEN STYLES*/
.ticket_details{width:auto;margin:5px 0px 5px 0px !important;display:inline-block; padding:4px;}
.ticket_details_header{width:auto;margin:0px 0px 5px 0px;background-color:#FFF; border: 1px solid #EEE;padding:2px;}
.message{width:80%; margin:auto;text-align:center; font-size:.9em;color:#B20000;display:block;padding:5px 0px 5px 0px;}

/*COMMENT STYLES*/
.comment{width:auto; border:2px solid #FFF;margin-top:4px; display:block;}
.comment_wrapper{width:auto;margin:5px 0px 5px 0px !important;display:block; padding:4px;}
.comment_header{width:auto; background-color:#FFF;margin:0px 0px 0px 0px; padding:2px; font-size:.9em;border: 1px solid #EEE;}
.comment_body{width:auto; padding: 0px 10px 10px 10px; margin-bottom:5px;border-bottom:2px solid #FFF; font-size:.9em;display:block;}
.comment_footer{font-size:.7em;text-align:center;display:block;font-style:italic;}
#comment_thread{width:100%;}
#comment_response{padding-top:5px;display:inline-block; width:auto;}
#recent_comments {list-style:none;padding:0px;}
#recent_comments li{font-size:.7em; width:180px;padding: 2px 0px 2px 0px;border-bottom:2px solid white;}
#recent_comments span{font-size:.7em;}
#recent_comments a{text-decoration:none;font-size:12px;font-weight:bold;}

/*TASK STYLES*/
#large_task_wrapper{background-color:#FFF;float:left;margin:0px 0px 0px 5px;}
.task_inner_header{margin:5px 5px 0px 5px;}

/*active users*/
.listActive {
	text-align: left;
	color: #FFF;
	font-size: 11px;
}

#logo{
	width: 160px;
	margin:  10px 40px;
}

.interaction {
	background-color: #DDD;
	width: 930px;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-bottom-left-radius:5px;
}

.interaction li{
	list-style: none;
	margin: 5px 0 0 20px;
}

li.alert{
	float: right;
	color: #B00;
	font-weight: bold;
}

li.list_notes{
	font-style: italic;
	margin: 10px 0 40px 40px;
	font-size: 13px;
	
}

.intForm select{
	width: 150px;
}

.intForm textarea {
	width: 480px;
	height: 200px;
}

li.alertList{
	list-style: none;
	color: #B22;
	
}

li.alertList a{
	color: #B22;
	text-decoration: none;
	font-weight: bold;
}

.emptyList {
	list-style: none;
	float: left;
}

.left {
	float:left;
	width: 48%;
}

.submitButton {
	padding-left: 130px;
	padding-top: 30px;
}

.submitButton input {
	background-color: #CCC;
	font-weight: bolder;
	width: 200px;
	height: 50px;
}

.rightCol {
	padding: 10px;
	float: right;
	width:180px;
	overflow: hidden;
}

.rightCol table {
	clear: left;
	width: 100%;
	text-align: center;
}
.urgent_task_notice a{
	color: #AC0000 !important;
	padding-left:20px;
	float:right;
	background:url('../images/alert_small.png') no-repeat 0px 2px;
	text-decoration:none;
}

.activityRow {
	padding-bottom: 10px;
	width: 100%;
	font-size:.7em;
	text-align: left;
}

.activeList {
	font-size: 12px;
	font-weight: bold;
}

.inactiveList {
	font-size: 12px;
	text-decoration: none;
	
}

span.get_token:hover{
	cursor:pointer;
	font-weight:bold;
}
/*Checkbox multi select*/
div.multi_checkbox_select {
  width: 300px;
  height: 100px;
  overflow: scroll;
  overflow-x: hidden;
  border: 1px solid #AAAAAA;
}
.multi_checkbox_row {
  float: left;
  width: 100%;
  padding-left: 25px;
  background-image:url('../images/form_uncheckbox.png');
  background-position:left;
  background-repeat: no-repeat !important;
}
.mcr_checked{
	background-image:url('../images/form_checkbox.png');
} 
.multi_checkbox_row:hover{
	cursor:pointer;
}
.multi_checkbox_row label {
  float: left;
  text-align:left;
  font-weight:normal;
}
.multi_checkbox_row input[type="checkbox"] {
  margin: 2px 5px 0px 0px;
  float: left;
  display:none;
}
.odd_row {
  background-color: #F0F0F0;
}

/*Reports and Google Charts*/
#left{
	float:right;
	padding:8px;
}

#right{
	float:right;
	padding:8px;
}

.scrollbox{
	height:150px;
	width:300px;
	overflow:scroll;
	overflow-x:hidden;
}

/*----------Report-----------*/

div.rowA, div.rowB {
	width: 100%;
}

div.rowA {
	background: #FFF;
}

div.reportForm input[type=button] {
	margin: 10px 5px 10px 5px;
}

div.scrollbox {
	margin-bottom: 25px;
}

div.submitRow {
	padding-top: 20px;
	height: 30px;
	clear: both;
}

div#chart_div1 {
	padding-top: -100px;
}