﻿/* greg01 css
released under creative commons attribution license - please keep the 'designed by' link in the footer */

html, body {
	height: 100%;
	margin: 0;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#container {
	min-height: 100%;
	position: relative;
}
* html #container {
	height: 100%;
}

/* header stuff */

#header {
	background: url(images/header-bg.gif) #4e6b8e;
	width: 100%;
	height: 150px;
	margin: 0;
	padding: 0;
	border-bottom: 4px solid #636363;
}

#header h1, #header h2 {
	width: 760px;
	margin: 0 auto;
	font-weight: normal;
	color: #fff;
}

#header h1 {
	padding-top: 40px;
	font-size:  40pt;
}

#header h2 {
	margin-top: -10px;
	font-size: 14pt;
}

#header a {
	color: #fff;
	text-decoration: none;
}

#header a:hover {
	color: #fbe4b5;
}

/* horizontal menu */

#menu-h {
	background: url(images/menu-h-bg.gif) #fff;
	width: 100%;
	height: 58px;
	margin: 0;
	padding: 0;
}

#menu-h ul {
	width: 760px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

#menu-h li {
	float: left;
}

#menu-h a {
	height: 27px;
	background: transparent;
	display: block;
	float: left;
	margin: 0 auto;
	padding: 3px 20px 0 20px;
	color: #636363;
	font-weight: bold;
	text-decoration: none;
}

#menu-h a:hover {
	background: transparent url(images/menu-h-bg-invert.gif);
}

#menu-h .active {
	color: #60758f;
	text-decoration: underline;
}

/* main content container */

#main {
	width: 760px;
	margin-bottom: 70px;
	margin-top: 10px;
	line-height: 1.7em;
}

#main h1, #main h2 {
	border-bottom: 3px solid #43648d;
	width: 100%;
	color: #43648d;
}

/* main content */

#content {
	width: 560px;
	margin-right: 33%;
	margin-left: 33%;
	color:#324B6A;
}

#content p {
	font-size: 10pt;
}

#content blockquote {
	font-size: 10pt;
	border-left: 3px solid #f8b832;
	padding: 0 10px 0 10px;
	background: #eef url(images/quote.gif) no-repeat bottom right;
}

#content ul {
	font-size: 10pt;
}

#content a {
	color: #43648d;
	border-bottom: 1px solid #f8b832;
	text-decoration: none;
	font-weight: bold;
}

#content a:hover {
	border-bottom: none;
}

#content .intro {
	font-size: 11pt;
}

#content img {
	padding: 3px;
	border: 1px solid #5c738f;
}

/* right menu */

#menu-v {
	width: 160px;
	float: left;
	color: #5c738f;
}

#menu-v ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu-v a {
	width: 160px;
	border-bottom: 1px solid yellow;
	display: block;
	text-decoration: none;
	color: #5c738f;
	
}

#menu-v a:hover {
	background: #eef;
}

#menu-v p {
	font-size: 10pt;
}

/* footer */

#footer {
	background: #4e6b8e;
	height: 45px;
	color: #f8b832;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	position: relative;
	margin-top: -65px;
	clear: both;
}

#footer p {
	text-align: center;
	font-size: 9pt;
	margin: 0;
}

#footer a {
	color: #fac353;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

/* misc */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
}

.left {
	float: left;
	margin-right: 10px;
}

.right {
	float: right;
	margin-left: 10px;
}

/* Default */
body{
	background: #e1e0cd; 
	font-family: arial, helvetica, sans-serif;
	font-size:90%;
	margin:0px;
}

hr{visibility:hidden;}
input,textarea,select{
	background: #fff;
	border: 1px solid #000;
	padding: 3px;
}
label{font-size: 0.9em;}
/******************* Header **************************/
#outer-header{
	background: #F3F1E6;
	border-bottom: 1px solid #BFBEA3;
	height:75px;
	position:relative;
}
#header-left-side{
	background: none;
	min-width:450px;
	padding-left: 200px;
	padding-top: 20px;
	font-weight:bold;
}
.header-div{color:#85360f;font-size:1.0em;}

.header-right{
	float: none;
}
#tlc_nav_list{
	margin: 0;
	padding: 0;
	position:relative;
	bottom: 0px;
	right: 0px;
	text-align: left;
}
#tlc_nav_list li a,#tlc_nav_list li a:link,#tlc_nav_list li a:visited{
	background: none;
	border: none;
	color: #2893D5;
	font-size: 1.0em;
}

#tlc_nav_list a:hover{
	background: none;
}

/******************* Body **************************/
#new-call-table{
	border: none;
}
#main-open-calls{
	background: #F3F1E6;
	border:1px solid #BFBEA3;
	font-size: 0.9em;
	padding:3px;
	position:relative;
}
#main-section{
	border: none;
	position:relative;
}
#main-helpdesk-news{
	background: #F3F1E6;
	border:1px solid #BFBEA3;
	font-size: 0.9em;
	position:relative;
}

#main-table-right, .no-border, #my_options_table{
	border:1px solid #BFBEA3;
}

.helpdesk_news{
	color: #89936F;
}
.helpdesk_news a{color:#A66240;}

.headline_text{
	color:#77825A;
	font-size: 1.4em;
	font-weight:bold;
	margin-bottom:3px;
	padding: 3px;
}
.nav_link{
	margin:1px;
}
.page_nav_link_last a,a{
	color:#2893D5;
	text-decoration: none;
}
a:hover{
	color:#11389B;
}

fieldset{
	border:1px dotted #BFBEA3;
}
legend{color:#77825A;}

#new-call-user-left-col{
	background: none;
	border: none;
}

#new-call-user-middle-col{
	background: none;
	border: none;
}

#new-call-user-right-col{
	background: none;
	border: none;
}

#caller_information_outer_div,
#hardware_info_outer_div,
#caller_history_outer_div,
#caller_media_outer_div,
#problem_details_outer_div,
#knowledgebase_outer_div,
#call_assignment_history_div,
#tech_notes_outer_div,
#tech_notes_hidden_outer_div,
#call_information_outer_div,
#assigned_to_outer_div,
#user_quota_outer_div,
#user_status_outer_div,
#dashboard_outer_div,
#restore_request_outer_div,
#cluster_printers_outer_div,
#call_assignment_history_reorder,
.content-info-main .content-info,
.content-info,
.main-table-properties,
.block{
	background: #F3F1E6;
	border:1px solid #BFBEA3;
	margin-bottom: 5px;
}

.block{
	padding: 5px;
	margin: 0 5px 5px 5px;
}

.new-call-user-table-inside{
	background:none;
}

table{
	background: none;
	border:1px solid #BFBEA3;
}

tr{background-color: transparent;border: none;}
td, #submit_reset{
	background-color: #F3F1E6;
	border: 1px solid #BFBEA3;
}

th, .content-info-top, .content_highlight{
	background:#77825A;
}
th a,th a:hover{
	color: #F3F1E6;
}
#re-order-div{color:#85360F;}

.label{color: #77825A;}
.label em{color:#A66240;}

#submit_reset{
	padding:3px;
}	

a.action:link, a.action:visited, a.action:active, input.action {
	background:#fff;
	border:1px solid #BFBEA3;
}

#call_assignment_history_inner_div label{
	color: #000;
}	

#call_assignment_history_inner_div label em{
	font-weight: bold;
	font-style: normal;
	margin-right: 5px;
}

.priority-status {text-align:center;}
.status-high{background: #cd0000;}
.status-medium{background: #ffff7e;}
.status-pending{background: #5da3ff;}
.status-delayed{background: #c0c0c0;}
.status-inprogress{background: #bd78c2;}
.status-install{background: #69CF58;}
.status-,.status-normal{background: #eeffee;}

a img{border: none;}

.ticket_num{
	border: 1px solid #ccc;
	margin-bottom: 5px;
	padding: 10px;
}	

.ticket_num h2{
	float: left;
	font-size: 1.0em;
	margin: 0 10px 0 0;
}

.user-info{
	border: 1px solid #ccc;
	padding: 10px;
	list-style-type:none;
}

.user-info li{
	border-top: 1px dotted #ccc;
	clear: left;
	margin: 3px 0;
	padding: 3px 0;
}

.user-info li.user, .user-info li.print-balance{
	border-top: none;
	margin-bottom: 10px;
}

.user-info li label{
	display: block;
	float: left;
	font-weight: bold;
	width: 8em;
}

.send-mail{
	margin-top:10px;
	text-align: center;
}

.summary{
	color: #666;
	font-size: 0.9em;
	font-style: italic;
}

.call-information{
	border: hidden 1px;
	width: 33%;
	float: left;
}

.call-information-building{
	width: 99.4%;
}

.content-info{
	padding: 1.5px;
	display: inline;
	float: left;
	font-size: 10px;
	font-family: verdana;
	position: relative;
	border: solid 1px;
}

.content-info-top{
	border: hidden;
	text-align: center;
	font-weight: bold;
	width: 31.9%;
}

.content-info-main{
	width: 31.14%;
}

.content-info-none{
	width: 96.6%;
}

#main-helpdesk-news, #main-section, #main-open-calls{
	border: solid 1px;
	width: 19.5%;
	float: left;
	height: 500px;
}

#main-section{
	width: 60%;
}

#displayAutoSave{
	display: block;
}

.headline_text{
	font: 16pt arial;
	display: block;
	text-align: left;
	margin-bottom:10px;
}

.summary_text{
	font: 11px verdana;
	padding-left: 1.5em;
	font-weight: bold;
}
.nav_link, .helpdesk_news_footer{
	margin-bottom:10px;
}

.open_calls, .helpdesk_news{
	padding-left: 15px;
}

.submit_new_call{
	text-align: center;
	font-size:13px;
	padding-top: 10px;
}

#main-search-results2{
	width: 100%; 
	border: hidden; 
	height: 245px; 
}

#main-search_results2, #main-section{
}

#hardwareInnerDiv, #CallHistoryInnerDiv{
	height: 100px;
	max-height: 100px;
	width: 98%;
	overflow: auto;
}

th{
	font: bold 10px verdana;
	text-align: center;
}

.top-border{
	border-top: solid 3px #000000;
}

.margin-botton{
	margin-bottom:10px;
}

.main-table-properties{
	width: 90%;
	text-align: center;
	padding: 0;
	border: solid 1px;
	margin-left: 5%;
}

#main-table-right{
	width: 40%;
	border: solid 1px;
	float: right;
}

.position{
	float: left;
	position: relative;
	width: 78.5%;
	margin-left: 0%;
	height: 25px;
}

.quota-left{
	width: 20%;
}

.bold_text{
	font-weight: bold;
}

.indent_drop{
	text-indent: 10px;
	padding-top: 10px;
}


#hardware_top{
	border: hidden 1px;
}

#hardware_edit{
	width: 70%;
}

#hardware_back{
	float: right;
	width: 53%;
	text-align: right;
}

.inplaceeditor-saving{
	background: url(/images/wait.gif) bottom right no-repeat; 
}

.select{
	width:40%
}

.call_priority{
	font-size: 13px;
}

.problem_details{
	min-width: 70px;
}

.call-info-table{
	border: hidden 1px;
}

fieldset, .show-border{
	border: solid 1px; 
}

fieldset{
	
}

.quotatext{
	font-size: 11px;
	font-family: verdana, helvectica, arial, sans-serif;
}

form{
	display:inline;
}

#showgroupusersdiv{
	border: 1px solid;
	background-color: #c9c9c9;
	position: absolute;
	width: 150px;
	height: 200px;
	top: 350px;
	left: 350px;
	overflow: auto;

}

.update_message{
	border: 1px solid;
	width: 30%;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	font-family: verdana, helvectica, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#outer-header{
	width: 100%;
}

.header-div{
	border: hidden 1px;
}

.header-left{
	padding-top: 10px;
	padding-left: 10px;
	font-size:28px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float: left;
}

.header-right{
	padding-top: 8px;
	float: right;
	text-align:right;
}

#header-user-message{
	font-size: 14px; 
	font-weight:bold; 
}

label{
	font: 10px verdana; 
}

.keyword{
	border: dashed; 
	width: 2em; 
	height: 2em;
}

legend{
	font: bold 10px verdana; 
}

input, select, textarea{
	border: 1px solid; 
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
}

.nav_link_last{
	float:left;
	padding-right: 20px;
	border-bottom: 3em;
	list-style-type: none;
}

.new-call-user-table-main{
	border: solid 1px;
	padding: 5px;
	width: 32%;
	float: left;
}

.new-call-user-table-left{
	text-align: left;
}

.new-call-user-table-center{
	text-align: center;
}

.new-call-user-table-right{
	text-align: left;
}

.new-call-user-table-inside{
	border: solid 1px;
	padding: 5px;
}

#user_status{
	font-size: 11px;
	font-family: verdana;
	border: hidden 1px;
	padding: 5px 10px 5px 10px;
}

#user_status-inside{
	border: hidden 1px;
	display: inline;
	width: 25%;
}

#user-quota{
	border: solid 1px;
	padding: 7px;
	display: inline;
	float: left;
	font-size: 11px;
	font-family: verdana;
	position: relative;
}

.user-quota-left{
	width: 20%;
}

.user-quota-right{
	width: 65%;
}

#knowledgebase{
	 text-align: center;
	 font-size: 12px;
}

#submit_reset{
	text-align:center;
}

.no, .unknown, .yes{
	font-weight: bold;
}

.new-call-table-main{
	border: ridge thin;
	padding: 5px;
	float: left;

}

.new-call-table-left{
	width: 19.5%;
	margin-left: 8px;
}

.new-call-table-center{
	width: 56.9%;
}

.new-call-table-right{
	width: 19.5%;
}

.new-call-table-inside{
	border: solid thin;
	padding: 5px;
	min-width: 700px;
}

#user_status{
	border: hidden thin;
	padding: 5px 10px 5px 10px;
}

#user_status-inside{
	border-bottom: solid thin;
	display: inline;
	width: 50%;
}
body{
	font: 11px verdana;
}

#tlc_nav_list{
	height: 20px;
	margin: 0;
	padding-left: 10px;
}

#tlc_nav_list li{
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#tlc_nav_list a:link, #tlc_nav_list a:visited{
	font-family: verdana, arial, helvectica;
	font-size: 8pt;
	line-height: 14px;
	font-weight: normal;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid;
	text-decoration: none;
}

#tlc_nav_list a:link.active, #tlc_nav_list a:visited.active{
	border-bottom: 1px solid;
}

.headline_text{
	font: 16pt arial;
	display: block;
}
.page_content_summary{
	font: 11px verdana;
	line-height: 18px;
	padding-left: 1.5em;	
}

#media_loans_div, #dashboard_div, #main-table-right-inside, #tech_notes_div, #tech_notes_hidden_outer_div, #assign_to_div, #call_assignment_history_hidden_div, #webct_div, #cluster_printers_div, #restore_request_div, #webct_div, #keywordsList, #webctDetails{
	display: none;
}

.no-border{
	border: solid 1px;
}

a.action, input.action {
	font-weight:normal;
	padding:1px 3px;
	margin:10px 0px;
	text-decoration:none;
	vertical-align:middle;
	line-height:16px !important;
}

a.action:link, a.action:visited, a.action:active, input.action {
	font-family: verdana, helvectica, arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	border: 1px solid;
}

a.action:hover {
	text-decoration: none;
	font-weight: normal;
	border: 1px solid;
}

td{
	font: 11px verdana;
}

.radio{
	height: 15px;
}

.aa_help{
	display: none;
	font-size: 11px;
	position: absolute;
	margin-top: 10px;
	margin-left: -380px;
	width: 350px;
	padding: 5px;
	z-index: 100;
}
.aa_header{
	font-weight: bold;
	font-size: 14px;
}
td.aa_label{
	font-size:11px;
}

div#user_status_div #user_info{
	background: #F3F1E6;
	border: 1px solid #000;
	padding: 3px;
	position:relative;
}
div#user_status_div a{
	color: #2885CA;
}
div#user_status_div h2{
	color: #5e6a1a;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

div#user_status_div #user_info .id_card{
	background: #eee;
	border: 4px double #999;
}

div#user_status_div .user_data{
	margin-right: 10px;
	position: relative;
}

div#user_status_div .user_data li.heading{
	border-bottom: 1px solid #ddd;
	color: #85360F;
	font-size: 1.0em;
	font-weight: bold;
	margin: 15px 0 5px 0;
}

div#user_status_div .user_data li label{
	color: #888; 
	display: block;
	float: left;
	width: 9em;
}

div#user_status_div .user_data li label.top{
	float:none;
}

div#user_status_div table.roles{
	border-collapse: collapse;
}

div#user_status_div table.roles th{
	background: #E1E0CD;
	border: 1px solid #ccc;
	color: #000;
	padding: 5px;
}

div#user_status_div table.roles td{
	background: #F3F1E6;
	border: 1px dotted #ccc;
	padding: 5px;
}

div#user_status_div table.roles li{
	margin: 0 0 5px 0;
	font-size: 0.9em;
}

div#user_status_div .alerts{
	margin: 10px;
	border: 1px solid #6C2727;
	background:#C2A7A7;
	color:#6C2727;
	padding: 10px;
}

div#user_status_div .alerts strong{color:#3B0D0D;}


div#user_status_div .message{
	margin: 10px;
	border: 1px solid #709C72;
	background:#BBD3BC;
	color:#000;
	padding: 10px;
}

div#user_status_div .message strong{color:#709C72;}

div#user_status_div .fade{color:#666;}

.print-funds{
	margin-bottom: 5px;
}

.print-funds a{
	font-size: 0.8em;
}

.print-funds .add-funds, 
.print-funds .add-funds-throbber, 
.print-funds .error,
.print-funds .success{
	display: none;
}

.print-funds .error{
	background: #d9c5b0;
	border-color: #ae7353;
	padding: 5px;
}

.print-funds .success{
	background: #afceaa;
	border-color: #476542;
	padding: 5px;
}

a{color:#2885CA;text-decoration:none;}
a:hover{color:#11389B;text-decoration:underline;}

a img{border:none;vertical-align:middle;}

.channel a{color:#515BD2;}

body{
	background: #e1e0cd; 
	font-family: arial, helvetica, sans-serif;
	font-size:90%;
	margin:0px;
}

table{font-size:1.0em;}

fieldset{border:none;text-align:left;}
legend{font-size:0.9em;font-weight:bold;}

h1,h2,h3,h4{margin:5px 0;}
p{margin:10px 0px;}

h1{font-size:1.6em;}
h2{font-size:1.4em;}
h3{font-size:1.2em;}
h4{font-weight:normal;font-size:1.0em;}

h4 span{color:#a6a58b;}

input,select,textarea,button{border:1px solid #ccc;padding:3px;}
input:hover,select:hover,textarea:hover,button:hover{background:#FDF2D4;}
option{padding:0 5px;}

form{}
form ol,form ul{list-style-type:none; margin:0; padding:0;}
form li{clear: both; line-height: 1.6; padding: 0;}
form li li{list-style: circle;}
form label{color:#000; float: left; font-weight:bold; padding-bottom: 5px; text-align:left; width: 8em;}
form label.top{display:block; float: none; width: auto;}
form .info{clear:both;color:#999;display:block;font-size:0.9em;}
form abbr{cursor: help;}

#wrapper{
	text-align: center;
}

#header{
	background: #f3f1e6;
	border-bottom: 1px solid #bfbea3;
	color: #85360f;
	text-align:center;
	margin-bottom:5px;
	overflow: auto;
	padding: 5px;
	position: relative;
}

#header h1 a,#header h2 a,#header h3 a{color:#85360f;}

body.channel{background:none;}
.channel #header{background: none;}

#header .inner{
	margin:0 auto;
	position:relative;
	text-align:left;
	width:950px;
}

#header .inner #search{
	position:absolute;
	top:3px;
	right:3px;
	text-align:right;
}

#nav{font-size:0.9em;margin:5px 0px;padding:0;}
#nav li{float:left;list-style:none;margin-right: 20px;}
#nav li li{margin-left:10px;}
#nav ul{padding:0;}

.block #nav li{float:none;list-style:circle;margin-left:20px;}

#primary{}
#page .block{
	margin: 0 0 10px 0;
	padding: 3px;
}

.bordered{border: 1px solid #ccc;margin:5px 0 20px 0;padding:3px;}

.error{color: #ff0000;font-weight: bold;}
.throbber{display:none;}

.help{
	display: none;
	font-size: 0.9em;
	font-style:italic;
	margin-bottom: 10px;
	text-align: left;
}
.help strong{color:#2C80D0;}

.help-block{
	display: none;
	font-size: 0.9em;
	margin-bottom: 10px;
	text-align: left;
}

.thin{margin:0 auto;width:700px;}

.popsel_label{font-weight:bold;}

.channel-header{text-align:left;font-size:0.8em;}
.channel .block{background:#eee;border:1px dotted #ccc;}
.block{
	background: #f3f1e6;
	border: 2px solid #bfbea3;
	padding:5px;
	position:relative;
	text-align:left;
}
.block h2{
	color:#5e6a1a;
	font-size: 1.2em;
	margin: 0px;
	padding:0px;
}
.block .body{
	color: #706f6f;
	font-size: 0.9em;
	margin: 5px 0px;
}
.block .expires{
	color: #999;
	font-size: 0.9em;
}
.block .options{float:right;margin:0;padding:0;}
.block .options li{list-style:none;}
.block .sub-header{
	color: #aaaaaa;
	font-size: 0.8em;
	font-style: italic;
}
.block .requested{
	position:absolute;
	text-align:right;
	bottom:3px;
	right:3px;
}
ul.bullets {
	list-style: disc outside none;
}
ul.bullets li {
	margin-left: 3em;
	list-style: inherit;
}

.list{
	margin:10px 0 0 50px;
}

.list li{margin-bottom:10px;}


#TB_window {
	background-color: #f3f1e6;
	border-color: #bfbea3;
}
#TB_window #TB_title {
	background: #e1e0cd;
	color:#5e6a1a;
	font-size: 1.2em;
}
#TB_window .block{
	border: none;
}

.deny-text,.deny-field{
	border-top: 1px dotted #666;
	padding:5px 0;
}
.deny-field{display:none;}

.bad{color: #ddd5d2;}
.good{color: green;}

#search{
	font-size: 0.9em;
}

#search input{
	font-size:0.9em;
}

#search-results{
	clear: both;
	text-align:center;
}

#search-results table{
	border: 1px solid #bfbea3;
	empty-cells: show;
	font-size: 0.9em;
	margin: 0px auto;
	text-align: left;
}

#search-results th{
	background: #f3f1e6;
	border-bottom: 1px solid #bfbea3;
	padding: 3px;
}

#search-results td{
	background: #fff;
	border-bottom: 1px solid #bfbea3;
	padding: 3px;
}	

.alert{
	background: #b06f6f;
	border: 1px dashed #692f2f;
	color: #fff;
	display:none;
	margin: 10px 0px;
	padding: 5px;
}

#nav-throbber{display:none;}

.overflow{overflow:auto;}
.throbber{display:none;}

.modal{
	background: #fff;
	display:none;
	padding:5px;
	text-align:center;
}

.modal .response{margin-top:10px;}

/* tables */
.grid {
	border-collapse: collapse;
	margin: 1em 0;
}
.grid td, .grid th {
	border: 1px solid #ccc;
	padding: 2px 4px;
	vertical-align: top;
}
.grid th {
	background: #E1E0CD;
	color: #000;
}
