html, body {
	height: 100%;
	/*overflow: auto;*/
}

strong {
	font-weight:bold;
}
em {
	font-style: italic;
}

body {
	background-color:white;
	font-family:"Lucida Grande",Arial,Helvetica,sans-serif;
}

input, textarea {
	font-family:"Lucida Grande",Arial,Helvetica,sans-serif;
	font-size:12px;
	resize:none;
}


a, #t {
	cursor:pointer;
	color: #0000cc;
	text-decoration: none;
}
a:link {
	color: #0000cc;
	}
a:visited {
	color: #0000cc;
	}
a:hover {
	text-decoration: underline;
}

/* generic styles */
.bold {
	font-weight: bold;
}
/* end generic styles */


/* @group Tools and Hacks */
.hidden {
	visibility: hidden;
}
.clear {
	clear:both;
	height:1px;
	overflow:auto;
	width: 1px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */     

/* @end */

/* @group Fonts */
.text11 {
	font-size: 11px;
}

.text12 {
	font-size: 12px;
}

.text13 {
	font-size: 13px;
}

/* @end */

/* @group Text Styles */
.comment em {
	color: #000000;
}
/* @end */

/* @group Autocompletion */
div.auto_complete {
	position:absolute;
	float: left;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
	z-index: 3;
	overflow:hidden;
}
div.auto_complete ul.entities {
	padding: 0px;
	font-size: 11px;
	text-align: left;
}
div.auto_complete ul.entities li.entity {
	list-style-type: none;
	list-style-position: outside;
	padding: 2px 8px 2px 8px;
	display:block;
	font-size: 11px;
}
div.auto_complete ul.entities li.selected { background-color: #FAFAC4; }
li.entity div.suggestion {
	font-weight:normal;
	font-size:11px;
}
li.entity div.suggestion-details {
	font-weight:normal;
	font-size:11px;
	color:#999999 !important;
}


/* multi-autocomplete styles */
.ac-multi-selections {
	cursor:text;
	border-color:#888 #ccc #ccc #888;
	border-style:solid;
	border-width:2px 1px 1px 2px;
	/*height:auto;*/
	/*overflow:hidden;*/
	padding:0pt;
	float:left;
}

.ac-multi-input {
	border:0pt none;
	float:left;
	font-size:11px;
	marginx:2px;
	padding:3px;
	width:auto;
}

.ac-multi-input:focus {
    outline: none;
}

.ac-multi-selected {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#FAFAC4;
	border:1px solid #BBBBBB;
	color:#333333;
	cursor:default;
	float:left;
	font-size:11px;
	margin:2px;
	padding:1px 22px 1px 7px;
	position:relative;
	white-space:nowrap;
}

.ac-multi-selected input {
	background:transparent none repeat scroll 0%;
	border:0pt none;
	font-size:1px;
	height:1px;
	margin:0pt;
	opacity:0.01;
	padding:0pt;
	position:absolute;
	width:1px;
	z-index:-1;
}

.ac-multi-selected img {
	cursor:pointer;
	padding:2px;
	position:absolute;
	right:3px;
}


/* @end */

/* @group Dialog Boxes */
#control_overlay {  
    background-color:#000;  
} 
 
.modal {  
    background-color:#fff;  
    padding:10px;  
    border:1px solid #444;  
} 

.info {
	background:#F5DC63 none repeat scroll 0% 0%;
	border:1px solid #D29C34;
	/*margin:0px 0px 20px 0px;*/
	padding:5px;
}
.info .inner {
	background: #fff;
	padding: 15px ;
	font-size: 12px;
	/*line-height: 19px;*/
}
.info .inner li {
	list-style: disc;
	list-style-position: inside;
}
.info .inner strong {
	font-size: 16px;
	font-weight: bold;
}

.inner #static #content, .modal #static #content {
	clear: both;
	width:100%;
}

/* @end */


/* @group 2 column layout */

table.contentTable {
	width: 100%;
	margin-top:10px;
	margin-bottom: 15px;
}

table.contentTable td {
	vertical-align: top;
}

table.contentTable .main {
	padding: 0px 10px;
	width:620px; 
	overflow:hidden;
}

table.contentTable td.sidebar {
    border-left:1px solid #ccc;
	width: 320px;
}

/* @end */

/* @group Sidebar Box */
.rightBox {
	margin: 10px 0px 0px 10px;
	width: 300px;
}

.rightBox .content {
	font-size: 11px;
}
.rightBox .content h2 {
	font-size: 12px;
}

.rightBox.black {
	margin: 10px 0px 0px 8px;
	width: 302px;
}

.rightBox.black .content {
	background: transparent url(/images/qitera/box_black.png) repeat-y top left;
	padding: 10px 10px 0px 10px;
	color: #fff;
}
.rightBox.black .boxCap {
	background:transparent url(/images/qitera/box_black_bottom.png) no-repeat scroll 0%;
	height: 10px;
	line-height: 10px;
}

.rightBox.black .content td {
	padding: 3px 10px 3px 0px;
	vertical-align: middle;
}
.rightBox.black .content td.icon {
	padding: 3px 7px 3px 10px;
}
.rightBox .content ul li {
	white-space: nowrap;
}
.rightBox .header {
	padding-bottom: 5px;
}
.rightBox .header h2 {
	font-weight: bold;
	font-size:14px;
	color: #000;
}
.rightBox.black .header {
	padding-bottom: 5px;
}
.rightBox.black .header h2 {
	/* color: #81BA33;*/
	color: #5daf11;
}
.rightBox .infoText {
	border-top: 1px dotted #ccc;
}
.rightBox .listContainer {
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	overflow: hidden;
	width:280px;
}


.rightBoxGray {
	margin: 10px 0px 0px 10px;
	width: 300px;
}
.rightBoxGray .content {
	font-size: 12px;
}
.rightBoxGray .header {
	padding-bottom: 5px;
	background-color:#888888;
	border-bottom: 1px solid #cccccc;
}
.rightBoxGray .header h2 {
	font-weight: bold;
	font-size:14px;
	color: #ffffff;
}
.rightBoxGray .listContainer {
	padding: 5px 0px 5px 0px;
	overflow: hidden;
	width:300px;
}
.rightBoxGray .scrollable {
	height: 185px;
	overflow:auto;
	overflow-x: hidden;
}

.rightBoxTopic {
	margin: 10px 0px 0px 10px;
	width: 300px;
	font-size: 12px;
	background: #EDEFF4 ;
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.rightBoxTopic .content {
	padding:5px;	
}

.rightBoxTopic .header {
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
.rightBoxTopic .header h2 {
	font-weight: bold;
	font-size:14px;
}

.rightBoxTopic .subheader  {
	font-weight: bold;
	font-size:13px;
	border-bottom: 1px solid #ccc;
}


.rightBoxTopic .listContainer {
	padding: 5px 0px 5px 0px;
	overflow: hidden;
	width:290px;
}
.rightBoxTopic .scrollable {
	height: 156px;
	overflow:auto;
	overflow-x: hidden;
}

.rightBoxSlim {
	margin: 10px 0px 0px 10px;
	width: 300px;
}
.rightBoxSlim .content {
	font-size: 12px;
}
.rightBoxSlim .header {
	padding-bottom: 5px;
	border-bottom: 1px solid #65050E;
}
.rightBoxSlim .header h2 {
	font-weight: bold;
	font-size:15px;
	color: #65050E;
	text-transform:uppercase;
}



#topbox_flash_notice {
	font-size:12px;
	margin:0px;
	border:1px solid #ccc;
	color: #444;
	background: #FAFAC4 ;
	padding:5px;
}

#topbox_flash_error {
	margin:0px;
	border:1px solid #ccc;
	background: #f00;
	padding:5px;
}

#topbox_flash_error .msg {
	font-size:12px;
	border:1px solid #ccc;
	background: #fff;
	padding:5px;
}

.ul-orange-dot li {
	background:transparent url(/assets/corp/images/orange-dot.gif) no-repeat scroll left center;
	padding:2px 0pt 2px 20px;
}