/***************************************************
GENERAL ELEMENTS
'Lucida Grande', 'Lucida Sans', verdana, tahoma, arial, sans-serif;
***************************************************/
body
{
	/*background: 		#808080;*/
	background:			#dfe5ff;
	margin: 			0px;
	padding: 			0px;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	/*line-height: 		120%;*/	
}

a:link { color: #0000ff; text-decoration: underline;}
a:visited { color: #0000ff; text-decoration: underline;}
a:hover { color: #C26D6B; text-decoration: underline;}


input, textarea, select {
	color: 				#000;
	background:			#FFF;	
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;	
}

li {
	padding-bottom: 	3px;
}

P{
	margin-top:				5px;
	margin-bottom:			5px;
}

h1
{
	color: #39399c;
	margin: 10px 0 2px 0;
	font: bold 18px/18px Arial, Helvetica, sans-serif;
}

h2
{
	color: black;
	font: bold 15px/18px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	margin-top: 10px;
}

h3
{
	color: #373c55;
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	margin-bottom: 2px;
}

h4
{
	color: #000;
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	margin-top: 10px;
}
	
h3.light_header{
	border-bottom:		1px solid #4c4c4c;
	color:				#4c4c4c;
}
/***************************************************
HEADER
***************************************************/
.header{
	background: 		#6a91cc url(images/gradient.jpg) repeat-x;
}

.headerlabel{
	color:				#ffffff;
	font-size:			16px;
	line-height: 		120%;	
	font-weight:		bold;
	text-align:			center;
	padding-left:		5px;
	border-bottom:		1px solid #b2bae1;	
}

.headerbigbutton{
	padding-left:		5px;
	padding-right:		5px;
	padding-bottom:		1px;
	padding-top:		2px;
	text-align:			center;
	/*border-left:		1px solid #82a3d8;*/
	font-size: 			12px;
	line-height: 		110%;
	width:				50px;
}

.headerbigbuttonover{
	background: 		#dfe5ff;
}

td.headerbigbuttonover a:link, td.headerbigbuttonover a:visited, td.headerbigbuttonover a:hover {
	color: 				#181f68;
}

.headerbigbuttonon{
	background: 		#ffffff;	
}

.headerright{
	color:				#FEE587;
	padding-top:		6px;
	padding-right:		10px;
}

a.headerlink:link, a.headerlink:visited, a.headerlink:hover{
	color:				#fef9dc;
	text-decoration:	none;
}

a.headerlinkon:link, a.headerlinkon:visited, a.headerlinkon:hover{
	color:				#181f68;
}

.subnav{
	padding:			0px;
	/*border-left:		1px solid #82a3d8;*/
	background: 		#ffffff; /* #dfe5ff; */
	border-bottom:		1px solid #b2bae1;	
}

.subnavitem{
	/*border-right:		1px solid #82a3d8;	*/
	padding-left:		4px;
	padding-right:		4px;	
}

.subnavitemon{
	border-bottom:		3px solid #82a3d8;	
}

a.subnavlink:link, a.subnavlink:visited{
	color:				#181f68;
	text-decoration:	none;
}

a.subnavlink:hover{
	color:				#31b118;
	text-decoration:	none;	
}

.content{
	background: 		#dfe5ff;
	padding:			10px;
}



/***************************************************
FORMS
***************************************************/
textarea{

}
.hdform{ 
	border: 			1px solid #999;
}
.hdformerror {
	border:				2px solid #FF0000;
}

.hderrorlabel {
	font-weight:		bold;
	color:				#FF0000;
	vertical-align:		top;
}

.hderrorbox {
	text-align: 		left;
	border-top: 		1px solid #754141;
	border-bottom: 		1px solid #754141;
	padding: 			2px 2px 2px 30px;
	font-size:			12px;
	line-height:		120%;
	font-weight:		bold;
	margin-bottom: 		10px;
	background-color: 	#C26D6B;
	color: 				#FFf;
}

.hdfeedbackbox {
	text-align: 		left;
	border-top: 		1px solid #9c9;
	border-bottom: 		1px solid #9c9;
	padding: 			5px 5px 5px 30px;
	font-size: 			12px;
	line-height:		120%;	
	font-weight:		bold;	
	margin-bottom: 		10px;
	/*background-color: 	#E2F9E3;*/
	background-color:	#fff;
	color: 				#060;
}

.hdsystembox {
	text-align: 		left;
	border-top: 		1px solid #990099;
	border-bottom: 		1px solid #990099;
	padding: 			2px 2px 2px 30px;
	font-size: 			12px;
	line-height:		120%;	
	font-weight:		bold;	
	margin-bottom: 		10px;
	/*background-color: 	#E2F9E3;*/
	background-color:	#fff;
	color: 				#990099;
}

.hdtrashbox {
	text-align: 		left;
	border-top: 		1px solid #990099;
	border-bottom: 		1px solid #990099;
	padding: 			2px 2px 2px 30px;
	font-size: 			12px;
	line-height:		120%;	
	font-weight:		bold;	
	margin-bottom: 		10px;
	/*background-color: 	#E2F9E3;*/
	background-color:	#fff;
	color: 				#990099;
}

.formbuttondivbg {
	background: 		#FEE587;
}

.formbuttondiv{
	border-top: 		2px solid #dab631;
	background:			#FEE587;
	margin-top:			10px;
	padding:			6px;
}

.exportformbuttondiv{
	border-top: 		2px solid #33cc66;
	background:			#ccffcc;
	margin-top:			10px;
	padding:			10px;
}

.formbuttondivdelete{
	border-top: 		2px solid #754141;
	background:			#E6785D;
	margin-top:			10px;
	padding:			6px;
	padding-right:		10px;
	text-align:			right;
}

.modalformclose{
	border-top: 		2px solid #dab631;
	background:			#FEE587;
	text-align:			center;
	padding-top:		2px;
	padding-bottom:		2px;
	color:				#990000;
	cursor: 			pointer;
	margin-top:			3px;
}

.formsep {
	text-align:			right;
	width:				95%;
	padding-bottom:		2px;
  	border-bottom: 		1px solid #b2bae1;	
  	font-size:			14px;
  	color:				#5169b3;
  	font-weight:		bold;
}

.livelookup{
	border-top: 		2px solid #dab631;
	background:			#FEE587;
	margin-top:			2px;
	padding:			2px;
}

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

.historylabel {
	color: 				#5169b3;
	font-size:			10px;
	line-height: 		120%;
	font-weight:		bold;
}

.historylabel a{
	color:				#5169b3;
}

.historylabellog {
	color:				#7F7F7F;
}

.reportingtag{
	padding: 			1px;
	margin:				1px;
}

.publicbg{
	background:			#A4D09D;
	color:				#fff;	
	font-weight:		bold;
	padding:			4px;
	
}

.reqnotify{
	background:			#fff;
	color:				#000;	
	font-weight:		bold;	
}

.cclist{
	color:				#cc9999;
	font-size:			9px;
}

.fieldset{	
	position:			relative; 	/* hack for ie6 - keeps bgcolor from going over the top */
	background-color: 	#fff;
	border:				1px solid #ccc; 
	padding:			0.5em 1em 1em 1em; 
	width:				90%;
	display:			block;
}

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

.legendsmall{		
	padding:			0.5em; 
	font-weight:		bold; 
	font-size:			14px;
	color:				#000;
}

.legendtiny{		
	padding:			0.5em; 
	font-weight:		bold; 
	font-size:			11px;
	color:				#000;
}

.hideshowblock{
	padding:			0px;
	margin:				0px;
	padding-top:		2px;
	display:			none;
}

.boldcheckboxrow{
	font-weight:		bold;
}

/***************************************************
PAGE LAYOUT
***************************************************/	

/* TABLES */
.tablebody{
	background:			#ffffff;
	border:				1px solid #b2bae1;	
	color:				#000000;
}

.no_borders{
	border:				0px;
}

.tablebody td,th{
	padding:			2px;
	/*padding-right:		6px;	*/
}

.tabletop{
	font-size: 			12px;
	font-weight:		bold;
	background:			#5169b3;
	color:				#fef9dc;
	border-bottom:		1px solid #b2bae1;	
}

.tabletoggleheader{

}

.tabletoggleheaderover{
	background:			#B35169;
}

.tabletopurgent{
	font-size: 			12px;
	font-weight:		bold;
	background:			#990000;
	color:				#fef9dc;
	border-bottom:		1px solid #b2bae1;	
}

.tabletopcheck{
	background:			#5169b3;
}

.tabletopcheckurgent{
	background:			#990000;
}

.tableheaders{
	font-weight:		bold;
	background:			#fef9dc;
	color:				#000000;
}

a.tableheaderlink:link, a.tableheaderlink:visited, a.tableheaderlink:hover{
	color:				#000000;
	text-decoration:	underline;
}

.tablefooter{
	font-size: 			10px;
	font-weight:		bold;
	background:			#fef9dc;
	color:				#000000;
}

a.tablefooterlink:link, a.tablefooterlink:visited, a.tablefooterlink:hover{
	color:				#0000FF;
}

/* clickable */
.tablerowon{
	background:			#f5f6fb;		
}

.tableborders{
	border-left:		2px solid #fff;
}

.tablerowoff{

}

/* for shortcut pointer */
.tablerowpointer{
	background-image: url(./images/scpointer.gif);
	background-repeat: no-repeat;	
	background-position: center left;
}

.tablerowover{
	background:			#dfe5ff;	
}

.tablerowpublic{
	background:			#e1ffd1;	
}

.tablerowexternal{
	background:			#FCFFED;	
}

.tablerowborder{
	border-bottom:		1px solid #cccccc;
}

.checkedfilterrow{
	background:			#FEE587;
}

.urgentrow{
	color:				red;
}

.merged_row{
	background-color:	#fcc5b5;
	text-align:			center;
	color:				#f96668;
	font-weight:		bold;
	padding-bottom:		1px;
}

/*  */
.contentboxheader{
	background:			#fef9dc;
}

/* footer */
.footertop{
	border-top:			1px solid #b2bae1;	
}

/* hide overflow */
.hideflow{
	/*white-space: 		nowrap;*/
	display:			block;
	overflow:			hidden;
	/*text-overflow:		ellipsis;*/
	line-height:		120%;
	height:				12px; /*Safari work around*/
	cursor: 			pointer;
}

.note_body{
	overflow:			auto;
	overflow-y:			hidden;
	display:			none;
	padding-bottom:		3px;
}

.initsubject{
	color: 				#7F7F7F;
}

.workspacevert{
	border-right:		1px solid #b2bae1;
	padding-right:		4px;
	width:				150px;
}

.workspacebody{
	padding-left:		4px;
}

SPAN.TreeviewSpanArea A:link { 		color: black; text-decoration: none;}
SPAN.TreeviewSpanArea A:visited { 	color: black; text-decoration: none;}
SPAN.TreeviewSpanArea A:hover { 	color: black; text-decoration: underline;}
SPAN.TreeviewSpanArea A:active { 	color: black; text-decoration: none;}

.notebuttonstable{
	margin-top:			5px;
	margin-bottom:		2px;
}

.noteoptiontab{
	font-weight:		bold;
	background-color:	#A4D09D;
}

.noteoptiontabexp{
	color:				#7F7F7F;
}

.noteoptioninner{
	padding-left:		3px;
	border-top:			1px solid #A4D09D;
	border-left:		1px solid #A4D09D;
}

#notifylist{
	overflow:			auto;
	width:				100%;
	height:				100px;
}

#kblinklist{
	overflow:			auto;
	width:				100%;
	height:				300px;
}

#response_list{
	/*
	overflow:			auto;
	width:				400px;
	height:				80px;
	*/
	border:				1px solid #ccc;
	padding-left: 		2px;
	padding-right: 		2px;
}

.divcontentbox_wrap{
	background-color:	#fff;
	border-left:		1px solid #b2bae1;
	border-right:		1px solid #b2bae1;
	border-bottom:		1px solid #b2bae1;
	margin-bottom:		10px;
	margin-top:			-10px;
}

.divcontentbox_header{
	background-color:	#5169b3;
}

.divcontentbox_spacer{
	float:				left;
	width:				25px;
	padding:			2px;
}

.divcontentbox_title{
	float:				left;
	color:				#fff;
	font-size:			12px;
	font-weight:		bold;
	padding:			2px;
}

.divcontentbox_subtitle{
	background-color:	#fef9dc;
	padding:			2px;
}

.divcontentbox_footer{
	background-color:	#fef9dc;
	padding:			4px;
	text-align:			right;
	font-weight:		bold;
}

.optionlist{
	width:				100%;
}

.optionlist td{
	padding-right:		5px;
}

/* Regular Tabs */
.tab_wrap ul.tabs {
	list-style:			none;
	margin:				0;
	padding:			0;
	clear:				both;
	height:				20px;
}

.tab_wrap ul.tabs li {
	float:				left;
	margin-right:		5px;
	width:				100px;
	text-align:			center;
	padding: 			0;
}

.tab_wrap ul.tabs li a {
	display:			block;
	padding:			3px;
	padding-top:		5px;
	background-color:	#eee;
	color:				#666;
	text-decoration:	none;
}

.tab_wrap ul.tabs li a:hover {
	color:				#fff;
	background-color:	#999;
	text-decoration:	none;
}

.tab_wrap ul.tabs li a.active {
	background-color:	#ccc;
	text-decoration:	none;
}

.tab_wrap div {
	border:				1px solid #ccc;
	border-top:			2px solid #ccc;
	padding: 			4px;
	clear:				both;
}

/* Customer Tabs */
.customer_tabs ul.tabs {
	list-style:			none;
	margin:				0;
	padding:			0;
	clear:				both;
	height:				20px;
}

.customer_tabs ul.tabs li {
	float:				left;
	margin-right:		5px;
	text-align:			center;
	padding: 			0;
}

.customer_tabs ul.tabs li a {
	display:			block;
	padding:			3px;
	padding-top:		3px;
	font-size:			12px;
	font-weight:		bold;
	background:			#ccc;
	color:				#7F7F7F;
	text-decoration:	none;
}

.customer_tabs ul.tabs li a:hover {
	color:				#fff;
	background-color:	#999;
	text-decoration:	none;
}

.customer_tabs ul.tabs li a.active {
	background-color:	#5169b3;
	color:				#fef9dc;
	text-decoration:	none;
}

.customer_tabs div.customer_tab, .customer_tabs div.history_tab, .customer_tabs div.livelookup_tab {
	background-color:	#fff;
	border:				1px solid #b2bae1;
	border-top:			2px solid #5169b3;
	padding: 			4px;
	clear:				both;
}

.customer_tabs_infoblock{
	margin:				0px;
	padding:			0px;
	padding-bottom:		4px;
	background-color:	#A4D09D;
	width:				100%;
	font-size:			11px;
}

/* End Tabs */

.drilltree{
	list-style:			disc;
	margin-left:		15px;
	padding:			0px;
	white-space:		nowrap;	
}

.batching_row{
	border-top:			1px solid #ccc;
	padding:			3px;
}

.batching{
	background-color:	#fdf8a5;
	border-top:			2px solid #000;
}

.batching_complete{
	background-color:	#f3ffc3;
}

.batching_complete_linkbox{
	background-color:	#f3ffc3;
	border:				3px solid #ccc;
	padding:			6px;
	margin-top:			5px;
}

.batching_complete_error{
	background-color:	#fdf89f;
}

.batching_processed{
	font-weight:		bold;
	font-size:			1.3em;
	border:				3px solid #ccc;
	padding:			5px;
}

/***************************************************
FORUM
***************************************************/
.forumpost{
	padding:			0px;
	padding-left:		8px;
	padding-right:		8px;	
	text-align:			justify;
	width:				600px;
}

.forumname{
	text-align:			right;
	line-height:		150%;
}

.breadcrumbs{
	padding:			4px;
	padding-bottom:		6px;
	margin-bottom:		6px;
}

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

.forumlist{
	margin-top:			12px;
	font-size:			14px;
	line-height:		120%;
	list-style-type: 	none;	
}

.forumlist li{
	padding-bottom:		10px;
}

.forumdesc{
	font-size:			11px;
}

.forumclosed{
	font-size:			10px;
	color:				#ff6666;
}

/***************************************************
KB
***************************************************/
.kbtoc{
	font-size:			14px;
	line-height:		120%;
	list-style-type: 	none;
}

.kbeditorcontrols{
	color:				red;			
}

.kbhighlight{
	background-color:	#ffff99;
}

span.kbhidden{
	font-size:14px; color: #ff6666;
}
a.kbhidden:link { 		font-size:14px; color: #ff6666; text-decoration: underline;}
a.kbhidden:visited { 	font-size:14px; color: #ff6666; text-decoration: underline;}
a.kbhidden:hover { 		font-size:14px; color: #ff6666; text-decoration: underline;}
a.kbhidden:active {		font-size:14px; color: #ff6666; text-decoration: underline;}

/***************************************************
MISCELLANEOUS
***************************************************/

.red { 
	color: 				#990000; 
}

.cancel { 
	color: 				#FF0000; 
	cursor:				pointer;
	font-weight:		bold;
	padding:			1px;
}

.cancel_hover { 
	color: 				#fff; 
	background-color:	#FF0000;
}

.req { 
	color: 				#990000; 
}

.big {
	font-size:			14px;
}

.edit_in_place_form{
	display:			inline;
}

.fakelink{
	color:				blue;
	text-decoration:	underline;
	cursor:				pointer;
}

.wscolslnk{
	color:				blue;
	text-decoration:	underline;
	cursor: 			pointer;
}

.hand {
	cursor: 			pointer;
}

.hide {
	display : 			none;
}

.line{
  border-top: 			1px dashed #b2bae1;
  border-bottom: 		1px solid #b2bae1;
  color: 				#fff;
  background-color: 	#fff;
  height: 				2px;	
}

.ext_formfield {
	font-size: 			16px;
	font-weight: 		bold;
	width: 				98%;
	padding: 			3px;
	margin: 			0px 0px 5px 0px;
}
.ext_label {
	font-size:			16px;
}
.ext_table {
	font-size:			18px;
	line-height:		200%;
}

.textbox_light{
	color:				#ccc;
}

.textbox_normal{
	color:				#000;
}

.quick_form_box{
	display:			block;
	padding:			6px;
	margin-top:			2px;
	width:				90%;
	background-color:	#ccc;
}

a.bluelink:link { 		color: blue; text-decoration: none;}
a.bluelink:visited { 	color: blue; text-decoration: none;}
a.bluelink:hover { 		color: blue; text-decoration: none;}
a.bluelink:active { 	color: blue; text-decoration: none;}

a.lightlink:link { 		color: white; text-decoration: underline;}
a.lightlink:visited { 	color: white; text-decoration: underline;}
a.lightlink:hover { 	color: white; text-decoration: underline;}
a.lightlink:active { 	color: white; text-decoration: underline;}

a.redlink:link { 		color: #990000; text-decoration: underline;}
a.redlink:visited { 	color: #990000; text-decoration: underline;}
a.redlink:hover { 		color: #990000; text-decoration: underline;}
a.redlink:active { 		color: #990000; text-decoration: underline;}

a.navbutton:link { 		color: #008040; font-weight:bold; font-size:14px; text-decoration: none;}
a.navbutton:visited { 	color: #008040; font-weight:bold; font-size:14px; text-decoration: none;}
a.navbutton:hover { 	color: #008040; font-weight:bold; font-size:14px; text-decoration: none;}
a.navbutton:active { 	color: #008040; font-weight:bold; font-size:14px; text-decoration: none;}

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

.markdown_format_box{
	background-color: 	#ccc;
	border:1px;
}

.markdown_format_box th{
	background-color: 	#333;
	color:				#fff;
	font-size:			1.3em;
	font-weight:		normal;
	padding:			10px;
}

.markdown_format_box td{
	background-color: 	#fff;
}

.markdown_format_box ul, .markdown_format_box ol{
	padding-left:		12px;
}

.markdown_format_box h1, .markdown_format_box h2, .markdown_format_box h3{
	color:				#000;
	margin-top:		0px;
}

.markdown_format_box blockquote{
	margin-left:		20px;
}

#login_box_insert{
	background-color:	#333333;
	color:				#fff;
	font-weight:		bold;
	padding-top:		10px;
	padding-bottom:		10px;
	text-align:			center;
}

.login_box_insert_exp{
	padding-right:		50px;
}

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

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

.calendar_date_holder{
	color:				#666666;
}

.calendar_clear_date{
	font-size:			10px;
	color:				blue;
}
/***************************************************
HELP CENTER
***************************************************/
.help_title{
	font-size:			13px;
	font-family:		Georgia;
	font-weight:		bold;
	padding-bottom:		5px;
}

.help_tips{
	padding-top:		10px;
	padding-bottom:		2px;
	text-align:			center;
	border-bottom:		1px solid #000;
	font-weight:		bold;
}

.help_tips_list{
	padding-left:		12px;
}

.help_tips_list li{
	padding-bottom:		10px;
}

/***************************************************
TOGGLE
***************************************************/
.openedToggle {
	float: right;
	width: 16px;
	background-image: url(./images/opentoggle.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
.closedToggle {
	float: right;
	width: 16px;
	background-image: url(./images/closedtoggle.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}

.toggleOpen {
	visibility: visible;
	display: block;
	margin-left: 0px;
	border-left: none;
	padding-left: 0px;
}

.toggleClosed {
	visibility: hidden;
	display: none;
	position: relative;
	margin: 0px;
	border: none;
	padding: 0px;
	z-index: 1;
}

.togglerowhide{
	visibility: collapse;
}

.togglerowunhide{
	visibility: visible;
}

/***************************************************
CONDITION UI
***************************************************/
.conditionrow{
	border-top:			1px solid #ccc;
	padding:			3px;
}

.conditioninner{
	float:				left;
}

.conditionremove{
	float:				right;
}

#cond_wrapper{
	background-color:	#eceeef;
}

#action_wrapper{
	background-color:	#EFE3DC;
}

/***************************************************
SORTABLE
***************************************************/

.sortablelist {
	margin-top:			5px;
	margin:				0px;
	padding:			0px;
}

.sortable{
  	background-color: 	#ECF3E1;
  	border:				1px solid #C5DEA1;
  	font-weight:		bold;
  	width:				530px;
  	margin-top:			5px;
  	margin-bottom:		5px;
  	padding:			2px;
	cursor: 			move;
}

.sortable_filter{

  	border-bottom:		1px solid #C5DEA1;
	font-weight: 		bold;
	font-size:			11px;
	vertical-align:		middle;
  	width:				90%;
  	margin-top:			5px;
  	margin-bottom:		5px;
  	padding:			2px;	
}

.sortable_drag{
	color:				#009933;

	padding:			3px;
}

/***************************************************
SPELLCHECKER
***************************************************/
.googie_checking {
  color: green;
  padding-left: 2px;
  padding-right: 2px;
}

.googie_window {
  font-family: sans-serif;
  text-align: left;
  border: 1px solid #555;
  background-color: #ecefff;
  margin: 0;
  position: absolute;
  visibility: hidden;
  z-index: 9999999;
  padding: 1px;
  width: 165px;
}

.googie_list {
  margin: 0;
  padding: 0;
}

.googie_list td {
  padding: 1px 0 1px 0;
  cursor: pointer;
  list-style-type: none;
  color: #000;
}

.googie_list_onhover {
  background-color: #FBEC72;
}

.googie_list_onout {
  background-color: #ecefff;
}

.googie_list_selected {
  background-color: #ccc;
}

.googie_list_revert {
  color: #b91479;
}

.googie_list_close {
  color: #b91414;
}

.googie_link {
  color: #b91414;
  text-decoration: underline;
  cursor: pointer;
}

.googie_check_spelling_link {
  color: #0049B7;
  text-decoration: none;
  cursor: pointer;
}

.googie_no_style {
  text-decoration: none;
}

.googie_resume_editing {
  color: white;
  background-color: green;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration:none;
  cursor: pointer;
}

.googie_check_spelling_ok {
  color: white;
  background-color: green;
  padding-left: 2px;
  padding-right: 2px;
  cursor: pointer;
}

.googie_lang_3d_click img {
  vertical-align: middle;
  border-top: 1px solid #555;
  border-left: 1px solid #555;
  border-right: 1px solid #b1b1b1;
  border-bottom: 1px solid #b1b1b1;
}

.googie_lang_3d_on img {
  vertical-align: middle;
  border-top: 1px solid #b1b1b1;
  border-left: 1px solid #b1b1b1;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
}


/***************************************************
MODAL WINDOW
***************************************************/
#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	background-color: #EFEFEF;
	height: 100%;
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
	padding: 6px .75em;
	overflow: auto;
}

#MB_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px; top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
#MB_close:hover {
	background: transparent;
}

/* HS modified to include proper image path */
#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(images/spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_frame {
	padding-bottom: 7px;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_window {
	background-color: #EFEFEF;
	color: #000;
	-webkit-box-shadow: 0 8px 64px #000; 
	-moz-box-shadow: 0 0 64px #000; 
	box-shadow: 0 0 64px #000;
	
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color: #DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color: #000 }
#MB_close { color: #777 }
#MB_close:hover { color: #000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}