/* Import styles for calendar used in date/datetime custom fields */
/*@import "http://www.userscape.com/helpdesk/js/jscalendar/skins/aqua/theme.css";*/


/* new design */
.head-search-box{
	display: block;
	position: absolute;
	top: 76px;
	right: 0px;
	margin: 0px;
	list-style: none;
}

.head-search-box li{
	float: left;
	margin: 0 10px 0 0;
	padding: 0px;
	font-family: arial;
	font-size: 93%;
	list-style: none;
	vertical-align: middle;
}

.head-search-box .head-box{
	width: 320px;
	font-size: 18px;
	border-color:#7C7C7C #C3C3C3 #DDDDDD;
	border-style:solid;
	border-width:1px;
	color:#333333;	
	padding:10px;	
}

ul.gstarted{
	background: transparent url(/themes/site_themes/default/img/gettingstarted.jpg) no-repeat scroll 0 0;
	height: 77px;
	margin: 0 0px 20px 0;
	padding: 0px;
	width: 737px;
	list-style: none;
}

ul.gstarted327 { background-position:0 -77px; }
ul.gstarted328 { background-position:0 -154px; }
ul.gstarted329 { background-position:0 -231px; }

ul.gstarted li{
	border: medium none;
	display: block;
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 10px 0 0;
}

ul.gstarted li a{
	background:transparent none repeat scroll 0 0;
	border:medium none;
	color:#F1F1F1;
	display:block;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
	font-size:17px;
	font-weight:300;
	line-height:1.3em;
	margin:11px 8px 14px 29px;
	padding:6px;
	width:125px;
	text-decoration: none;
}

ul.gstarted li a:hover{
	background:#514D3B none repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	text-decoration:none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;	
}

ul.gstarted li a span{
	border-right:1px solid #DDDDDD;
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:42px;
	height:1.2em;
	line-height:1.2em;
	margin:-3px 9px 0 0;
	padding:0 9px 0 0;
	width:20px;
}

#hd-body h2, #hd-body h3{
	font-size: 20px;
	border-bottom: 1px solid #222;
	padding-bottom: 7px;
	margin-bottom: 15px;
}

#hd-body h2.primary{
	border: none !important;
}

.gs-box{
	margin-bottom: 20px;
}

.gs-tip{
	font-style: italic;
}

.gs-tip strong{
	color: #000;
}

#hd-body h1{
	color: #222;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 197% !important;
	margin-top: 0px !important;
	margin-bottom: 5px;
	font-weight: normal !important;
}

.newbooks{
	display: block;
	height: 124px;
	padding-left: 170px;
	padding-top: 26px;
	background-color: #EBE3DD;
	border: 1px solid #D5CCC6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;		
	text-decoration: none;
	color: #1A5C6D;
}

.newbooks:hover{
	color: #BE6614;
}

.newbooks div.link{
	font-size: 116%;
	display: block;
	margin-bottom: 10px;
	border-bottom: 1px solid #D5CCC6;
}

.newbooks p{
	color: #363b3f !important;
	padding-right: 3px;
}

.book-admin{
	background: #EBE3DD url(images/book_admin.jpg) no-repeat bottom left;
}

.book-user{
	background: #EBE3DD url(images/book_user.jpg) no-repeat bottom left;
}

.book-api{
	background: #EBE3DD url(images/book_api.jpg) no-repeat bottom left;
}

.book-gs{
	background: #EBE3DD url(images/book_gs.jpg) no-repeat bottom left;
}

#ad-side{
	position: absolute;
	top: 745px;
}

.breadcrumbs{
	border-bottom: 4px double #ccc;
	padding-bottom: 8px;
}

.kbtocpage li{
	padding-bottom: 7px;
	list-style-type: 	none;
}

.kbtocpage li a{
	text-decoration: none;
}

.kbtocpage li a:hover{
	text-decoration: underline;
}

.kbhighlight{
	display:block;
	margin-left: -2em;
	margin-right: -1em;
	padding: 9px 5px 5px 2em;
	
}

.kbnote{
	background-color: #EBE3DD;
	border: 1px solid #D7CCC6;
	padding: 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}

.extra{
	color: #6F834A !important;
	border-bottom: 3px double #6F834A !important;
}

.hd-target-list{
	list-style-type: none !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px !important;
}

.hd-target-list li{
	list-style-type:none !important;
	background: url(/themes/site_themes/default/img/list_target.png) no-repeat 0 50%;
	line-height: 2.2em;
	padding-left: 20px;
}

.hd-target-list li a:hover{
	text-decoration: none;
}

.content-block{
	background-color:#B8C47E;
}

.content-block-bar-left{
	padding-left:10px;
	height:45px;
	line-height:45px;
}

.content-block-bar-right{
	text-align:right;
	height:45px;
	line-height:45px;
}

.content-block-bar-right-inner{
	padding-right: 10px;
}

.padded-table td{
	padding: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* END NEW DESIGN */

/*
a:link
{
	color: #3366cc;
	text-decoration: none;
}

a:visited
{
	color: #666;
	text-decoration: none;
}

a:hover
{
	color: #ff8000;
	text-decoration: none;
}
*/
img { border: 0; }

.subheading{
	margin-bottom:  5px;
	line-height:	120%;
}

/* DIVs */

#container
{
	width: 760px;	
	padding: 0 0 0 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background-color: #fff;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	text-align:left;
}

#banner
{
	padding: 2px;
	margin-bottom: 0;
	padding-top: 24px;
	padding-left: 8px;
	background-color: #5169b3;
	color: #fff;
	text-align: left;
	font-size:	26px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	}


#leftSidebar
{
	float: left;
	width:  160px;
	\width: 160px;
	w\idth: 160px;
	margin: 20px 0 0 0;
	padding: 0;
	padding-right: 10px;
	background-color: transparent;
	/* height: 100%; */
	display: inline;
	border-right: 1px #ccc solid;
	}

#content2col
{
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0;
	padding-left: 20px;
	margin: 20px 20px 0 165px;
	background-color: transparent;
	}

#footer
{
	padding: 0;
	margin: 15px 0 15px 165px;
	background-color: transparent;
	clear: both;
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #999;
	width: 575px;
	padding-top: 5px;
	text-align: center;
	}
	
#footer a{
	color: #999;
}

.hilite2col 
	{
	background: #fffecc;
	border: 1px solid #cecece;
	width: 100%;
	/*
	display: block;
	float: left;
	clear: left;
	*/
	margin: 0 0 10px 0;
	}

.hilite2col p
{
	margin: 3px 14px 3px 14px;
	}

.fieldset{
	padding: 4px;
	border:	1px solid #ccc; 
}

legend{
	padding-left:		4px; 
	padding-right:		4px; 
	font-weight:		bold; 
	color:				#000;
	
} 

/* Navbars */
.navBar
{
	margin: 0 0 10px 20px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

.navBar li
{
	font: 12px/20px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	display: block;
	color: #3163ce;
	list-style-type: none;
}

.navBar a:link, .navBar a:visited
{
	padding: 0 0 6px 10px;
	text-decoration: none;
	color: #3163ce;
}

.navBar a:link.navOn, .navBar a:visited.navOn, .navBar a:hover.navOn
{
	font-weight: bold;
	padding: 0 0 6px 10px;
	text-decoration: none;
	color: #39399c;
	background: url(http://www.userscape.com/helpdesk/portal/images/blue-tri.gif) no-repeat left top;
}

.navBar a:hover
{
	padding: 0 0 6px 10px;
	text-decoration: underline;
	color: #39399c
}

.navBar a:visited { color: #3163ce; }

/*Subnav*/
.subnavBar
{
	margin: 0 0 0 12px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

.subnavBar li
{
	font: 12px/20px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	display: block;
	color: #3163ce;
	background: none;
	list-style-type: none;
}

.subnavBar a:link, .subnavBar a:visited
{
	padding: 0 0 6px 10px;
	text-decoration: none;
	color: #3163ce;
}

.subnavBar a:link.navOff, .subnavBar a:visited.navOff
{
	font-weight: normal;
	padding: 0 0 6px 10px; 
	text-decoration: none;
	color: #3163ce;
	background: url(http://www.userscape.com/helpdesk/portal/images/blue-dot.gif) no-repeat left top;
}

.subnavBar a:hover.navOff
{
	font-weight: normal;
	padding: 0 0 6px 10px; 
	text-decoration: underline;
	color: #39399c;
	background: url(http://www.userscape.com/helpdesk/portal/images/blue-dot.gif) no-repeat left top;
}

.subnavBar a:link.navOn, .subnavBar a:visited.navOn, .subnavBar a:hover.navOn
{
	font-weight: bold;
	padding: 0 0 6px 10px; 
	text-decoration: none;
	color: #39399c;
	background: url(http://www.userscape.com/helpdesk/portal/images/blue-tri.gif) no-repeat left top;
}

.subnavBar a:hover
{
	padding: 0 0 6px 10px;
	text-decoration: underline;
	color: #39399c;
}

.subnavBar a:visited { color: #3163ce; }

/* Phone Nav */
.phonenavBar
{
	margin: 0 0 10px 30px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

.phonenavBar li
{
	font: 12px/20px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	display: block;
	color: #999;
	list-style-type: none;
}

.phoneNum
{
	color: #000;
	font-weight: normal;
}

/* Row Data */
.rowOn
{
	background-color: #f8f8f8;
	padding: 3px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.rowOff
{
	background-color: #fff;
	padding: 3px;
}
  
/* KB */
.kbtoc{
	font-size:			14px;
	line-height:		120%;
	list-style-type: 	none;
	padding-left:		0px;
	margin-left:		0px;
}

.kbtocpage{
	list-style-type: 	none;
}

.kbhighlight{
	background-color:	#DFF199;
}

.kbextralist{
	margin:				3px;
	list-style-type:	none;
	line-height:		160%;
}

/* */
div.datarow
{
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}

div.datarow span.left 
{
  float: left;
  text-align: left;
  width: 49%;
 }

div.datarow span.right 
{
  float: right;
  text-align: right;
  width: 49%;
 }
 
.nextprev 
{
	font-size: 12px; 
}

.helpful
{
	text-align: right;
	padding: 15px;
}

.sticky
{
	font-size: 10px;
	color: red;
}

/* not needed in new design
.formbuttondiv{
	border-top: 		2px solid #dab631;
	background:			#FEE587;
	margin-top:			10px;
	padding:			10px;
	clear: 				both;	
}
*/

.formbox{
	padding-top: 		20px;
}

.forumlabel {
	color:				#060;
	font-weight:		bold;
}

/* not needed in new design 
.forumtable{
	font-size: 			12px; 
	float:				right;
}
*/

.forumblock{
	background-color: #F8F8F8;
	margin-bottom: 20px;
}

.forumpostbody{
	padding: 10px;
}

.forumtable td{
	padding-top: 7px;
	padding-bottom: 7px;
}

.forumtable td a{
	padding-left: 10px;
}

.forumtable td a:hover{
	text-decoration: none;
}

.forumpost{
	padding:			3px;
	padding-left: 		14px; 
}

.datalabel {
	color: 				#7F7F7F;
	font-size:			11px;
	line-height: 		120%;
	font-weight:		bold;
}

.captcha_label{
	color:				#000;
	font-size:			14px;
	border: 			1px solid red;
	padding:			3px 10px 3px 10px;
}

.forumoption{
	color: #000;
	font: bold 14px/14px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	margin-bottom: 2px;	
	border-bottom: 1px #000 solid;
	width: 100%;
}

.forumform{
	padding-top: 20px;
	clear: both;
	width: 75%;
}

.requestwrap{
	width: 75%;
}

.requestpad{
	padding:			3px;
	padding-left: 		14px;
}

.error {
	color: red;
}

.required {
	color: red;
}

.bold{
	font-weight: bold;
}

.namedate{
	color: #39399c;
	font-weight: bold;
}

.score {
	text-align: right;
	font-weight: bold;
	padding-right: 10px;
}

pre{
	font: 				100% courier,monospace;
	border: 			1px solid #ccc;
	overflow: 			auto;
	overflow-x: 		scroll;
	width: 				90%;
	padding: 			1em 1em 1em 1em;
	background: 		#fff7f0;
	color: 				#000
}

.initsubject{
	color: 				#7F7F7F;
}

.request_summary{
	display:			block;
	overflow:			hidden;
	height:				14px;
}

.feedback_box_error{
	border:				1px solid red;
	padding:			10px;
	color:				red;
	font-weight:		bold;
	margin-bottom:		10px;
}

.feedback_box_positive{
	border:				1px solid green;
	padding:			10px;
	color:				green;
	font-weight:		bold;
	margin-bottom:		10px;
}

.calendar_date_table{
	padding-left:		0px;
	margin-left:		0px;
	margin-top:			2px;
	margin-bottom:		0px;
	padding-bottom:		0px;
}

.calendar_date{
	text-align:			bottom;
	border:				1px solid #666666;
	background-color:	#fff;
	padding:			2px;
}

.calendar_date_holder{
	color:				#666666;
	cursor: 			pointer;
}

.sending_note{
	color:				red;
}