/* TAGS */
body{
	background-image:url(../img/pop_DarkBlue.png);
	background-position:0 -1000px;
	font-family: Arial,Helvetica,sans-serif;
	font-size:13px;
}
select{border:1px solid #808080; width:254px;}
label{cursor:pointer;}
a{text-decoration:none;}
fieldset{border:1px solid #666666;}
img{border:0px;}
hr{border: 1px solid #ccc;}

h1{padding-bottom:0px; margin-bottom:0px; font-size:22px; margin-top:0px; color:#0A246A;}
h2{padding-bottom:0px; margin-bottom:0px; font-size:16px; margin-top:0px; color:#0A246A;}
h3{padding-bottom:0px; margin-bottom:0px; font-size:12px; padding-top:3px;}


/* Component Section */
.component{
	color:#0A246A;
	font-size:13px;
}
.component h3{
	font-size:22px;
}
.component .med{
	font-size:16px;
}
.component .small{
	font-size:14px;
}

/* Admin */
#admin h3{
	font-size:16px;
}

/* TagCloud Component Section */
.tagCloud{
	font-size:13px;
}
.tagCloud h3{
	font-size:14px;
}


/* INPUT BUTTONS ETC */
INPUT[type="button"], INPUT[type="submit"] {
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
	border: 1px solid #aaaaaa;
	margin:2px; padding:2px;
	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; 
	color: #222222; 
	font-weight: bold;
	cursor:pointer;
}
INPUT[type="button"]:hover, INPUT[type="submit"]:hover {
	margin:0px; padding:2px;
	border: 3px solid #aaaaaa;
}
INPUT[type="text"]{margin-bottom:3px;}

 /* OTHER */
.input{width:250px;}
.hide{display:none;}
.selectTag:hover{cursor:pointer;}
.right{text-align:right;}
.hover:hover{background-color:#000099; color:#ffffff;}
.med{font-size:12px;}
.small{font-size:11px;}
.tiny{font-size:9px;}
.rands{width:100px;}
.flat{border:1px solid #cccccc; width:100%;}
.underline{text-decoration:underline;}
.right{text-align:right;}
.heading{font-size:14px; color:#fff; font-weight:bold;}
.subHeading{font-size:12px; color:#fff; font-weight:normal;}
.icon{background-image: url(../img/pop_iconsLarge.png); background-position: 0px 0px; width:36px; height:36px;}
.round8{
	-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;
}
.star, .starSmall{
	background-image:url(../img/grade.png);
	width:30px; height:27px;
	background-repeat:no-repeat;
	float:left;
	margin-top:8px;
}
.starSmall{
	background-image:url(../img/gradeSmall.png);
	width:20px; height:17px;
	margin-top:4px;
}

/* SEARCH SECTIONS */
.searchResult h3{
	font-size:18px;
	padding:0px;
	margin:0px;
}

/* DETAIL BLOCKS */
.block{padding:4px; min-width:200px;}
.block h3{margin-top:2px; padding-top:4px; font-size:16px;}
.block ul{padding-left:20px;}
.block li{list-style-image:url(../img/yes.png);}

/* UI TABS */
.ui-tabs li{
	font-size:11px;
}

/* TABLES */
#invoiceTableDiv table{
	width:100%;
}
#invoiceTableDiv td{
	border-bottom:1px solid #B1AA80;
}

#invoiceTableDiv th{
	border-bottom:2px solid #B1AA80;
}

/* PADDING SHIFTS */
.shift5{padding-left:5px;}
.shift10{padding-left:10px;}

/* INDEX PROPERTIES */
.logo{
	background-image:url(../img/pop_logo.png);
	width:303px;
	height:40px;
	margin-left:2%;
}
.title{
	background-color:#8087b1;
	height:41px;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
}
.titleHolder{
	background-color:#8087b1;
	height:45px;
}
.footer{
	height:30px;
	background-color:#8087b1;
	color:#000000;
	text-align:center;
	font-size:10px;
	vertical-align:middle;
}
.shadow{
	background-image:url(../img/pop_shadowGrey.png);
	height:46px;
	width:98%;
	padding-top:5px;
	font-size:10px;
	color:#000000;
}
.mainTable{width:98%; text-align:left;}
.mainTable tr{vertical-align:top;}
.mainTable .col{background-color:#ffffff;}
.mainTable .a, .mainTable .d{background-color:#fff;}
.mainTable .space{width:1px; min-width:1px; max-width:1px;}
.a, .c, .d{width:168px; min-width:168px; max-width:168px;}
.b{width:auto;}
.d{overflow-x:hidden;}
.component, .module{padding:2px;}
.component{padding:11px;}
.box{padding:8px;}

/* TABLE FORM INPUT */
.inputTitleTD{
	width:115px;
	background-color:#e6e6e6;;
	text-align:right;
	padding-right:5px;
	padding-top:3px;
	border-bottom:1px dotted #cccccc;
	font-size:12px
}
.inputInput{
	border:none;
	border-bottom: 1px solid #ccc;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
}
.inputRow{
	height:18px;
}

/* TAGS */
.tagCloud{
	margin-bottom:15px;
}

/* ENTRY DETAILS PAGES */
#entryDetails{
	padding-top:8px;
}
.searchResult{
	padding:8px;
	margin-bottom:12px;
}
#detailContentArea{width:100%; vertical-align:bottom; padding-bottom:2px; border-bottom:1px solid #000099;}


/* MENU */
.menu{
	width:100%;
	background-color:#8087b1;
	margin-bottom:1px;
}
.menu a{
	display:block;
	width:inherit;
	height:inherit;
	padding:5px 0 5px 5px;
	color:#fff;
}

div#menu div:first-child {
	-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
} 
div#menu div:last-child{
	-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
}

/* TOOL TIP */
#tool_tip_action{
	border:3px solid #8087b1;
	background-color: #e7dff8;
	color:#666666;
	-moz-border-radius: 6px; -webkit-border-radius: 6px;
	padding:6px;
	width:150px;
}
.tip:hover{
	cursor:help;
}

/* SMALL MINI TAGS */
.tag{
	border:1px solid #999999;
	padding-right:3px;
	padding-left:3px;
	border-left:0px;
	color:#999999;
}

.tag:first-child{
	-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;
	background-image:url(../img/tag.png);
	background-repeat:no-repeat;
	background-position:center;
	padding-left:15px;
	border-right:0px;
	border-left:1px solid #999999;
}


/* BACKGROUND SITE COLORS */
.backBlue{background-color:#8087b1;}
.backLight{background-color:#e7dff8;}

/* FONT COLORS */
.orange{color:#FF9900;}
.blue{color:#000099;}
.gold{color:#6A500A;}
.purple{color:#660099;}
.green{color:#339900;}
.red{color:#990000; text-decoration:underline;}
.grey{color:#B1AA80;}
.white{color:#FFFFFF;}
.light{color:#c0c0c0;}
.error{color:#900;}
.lightBorder{border-color:#c0c0c0;}

/* SEARCH BOX STUFF */
#searchBox .input{width:200px;}
#searchBox{
	text-align:center;
	padding-top:16px;
	padding-bottom:16px;
}
.ac_results {padding: 0px; border: 1px solid #CCCCCC; background-color: white; overflow: hidden; z-index: 99999;}
.ac_results ul {width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0;}
.ac_results li {margin: 0px; padding: 2px 5px; cursor: default;	display: block;	font: menu;	font-size: 12px; line-height: 16px;	overflow: hidden; cursor:pointer;}
.ac_loading {/*background: white url('indicator.gif') right center no-repeat;*/}
.ac_odd {background-color: #eee;}
.ac_over {background-color: #0A246A; color: white;}

/* IE FIXES */
form
{
	<!-- padding:0px; -->
	<!-- margin:0px; -->
}
fieldset
{
	<!-- padding:10px; -->
	<!-- margin:10px; -->
}
.shadow
{
	<!-- border-top:1px solid #666666; -->
	<!-- background-image:none; -->
}

/* TEXT EDITOR */
.rte-zone {margin: 0; padding: 0; border: 1px #999 solid; clear: both; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.rte-zone textarea {padding: 0; margin: 0; border: 0; position: relative; left:0; clear: both;}
.rte-resizer {width: 100%; height: 20px; margin:0; padding: 0; display: block; border-top: 1px solid #999; background-color: #fdfdfd;}
.rte-resizer a {background: url('images/rte_icons.gif') no-repeat 0 0; background-position: 0 -688px; width: 16px; height: 16px; display: block; float: right; cursor: se-resize; margin-top: 4px;}
.rte-toolbar {width: 100%; margin:0; padding: 0; display: block; border-bottom: 1px dashed #999; background-color: #fdfdfd; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.rte-toolbar p {margin: 0; padding: 0; clear: both;}
.rte-toolbar select {font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; height: 16px; padding: 0; margin: 0;}
.rte-panel { position: absolute; left: 0; top: 0; border: 1px solid #999; display: block; clear: both; margin: 0px; padding: 5px 5px 0 5px; background: #f0f0f0; ont: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.rte-panel div.rte-panel-title {font-weight: bold; margin: -5px -5px 5px -5px; padding: 5px; height: 16px; line-height: 16px; background: #e0e0e0; border-bottom: 1px solid #ccc; display: block; clear: both; cursor: move;}
.rte-panel div.rte-panel-title .close {position: absolute; top: 0; right: 0; display: block; float: right; text-decoration: none; font-size: 14px; font-weight: bold; color: #f00;}
.rte-panel label {display: block;float: left; width: 50px; margin: 0 5px 0 2px; font-weight: bold;	font-size: 10px; text-align: right; line-height: 20px;	font-size: 100%;}
.rte-panel input, .rte-panel select {margin: 0 5px 0 2px; padding: 0; height: 20px; font-size: 10px; border: 1px solid #ccc; float: left; vertical-align: middle; line-height: 20px;}
.rte-panel button  {margin: 0 5px 0 2px; padding: 2px 5px; font-size: 10px; border: 1px solid #ccc; float: left; vertical-align: middle;}
.rte-panel p.submit {margin: 5px -5px 0 -5px; padding: 5px; height: 20px; line-height: 20px; background: #e0e0e0; border-top: 1px solid #ccc; display: block; clear: both;}
.rte-panel p.submit button {width: 60px; padding: 2px 5px; margin-left: 10px; font-weight: bold;}
.rte-panel .colorpicker1, .rte-panel .colorpicker2 {margin: 0 5px 0 0; padding: 0; float: left; border: 1px solid #000;}
.rte-panel .colorpicker2 {margin: 0; border: 0;}
.rte-panel .colorpicker1 .rgb {background: url('images/rte_colorpicker_rgb.jpg') no-repeat 0 0; width: 300px; height: 150px; cursor: crosshair;}
.rte-panel .colorpicker1 .gray{background: url('images/rte_colorpicker_gray.jpg') no-repeat 0 0; width: 15px; height: 150px; cursor: crosshair;}
.rte-panel .colorpicker2 .preview {margin: 3px 0; padding: 0; width: 50px; height: 50px; border: 1px solid #000; clear: both; background: #000;}
.rte-panel .colorpicker2 .color {margin: 3px 0; padding: 0; clear: both;}
.rte-panel .colorpicker2 .palette {margin: 0; padding: 0; width: 50px; height: 50px; border: 1px solid #000; cursor: crosshair; clear: both; font-size: 1px;}
.rte-panel .symbols {margin: 0; padding: 0; clear: both;}
.rte-panel .symbols a {font-size: 14px; line-height: 14px; vertical-align: middle; text-align: center; width: 18px; height:18px; float: left; color: #000;  text-decoration: none;}
.rte-panel .symbols a:hover {background: #ccc;}
.rte-panel .colorpicker2 .palette .item {width: 10px; height: 10px; margin: 0; padding: 0; float: left; cursor: crosshair; border: 0;}
.rte-panel img {padding: 0; margin: 0; border: 0;}
.rte-toolbar div.clear {display: block; clear: both; border: 0; padding: 0; padding: 2px 0 0 0; margin: 0;}
.rte-toolbar ul {display: block; margin: 0px; padding: 0; width: 100%;}
.rte-toolbar ul li {list-style-type: none; float: left; padding: 0; margin: 5px 2px; height: 16px;}
.rte-toolbar ul li.separator {height: 16px; margin: 5px; border-left: 1px solid #ccc;}
.rte-toolbar ul li a {border: 1px solid #fdfdfd; display: block; width: 16px; height: 16px; background: url('images/rte_icons.gif') no-repeat 0 0; cursor: pointer; margin: 0; padding: 0; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity = 50);}
.rte-toolbar ul li a:hover, .rte-toolbar ul li a.active {opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity = 100);}
.rte-toolbar ul li a.active {background-color: #f9f9f9; border: 1px solid #ccc;}
.rte-toolbar ul li a.empty { background-position: 0px 0px; }
.rte-toolbar ul li a.bold { background-position: 0 -112px; }
.rte-toolbar ul li a.italic { background-position: 0 -128px; }
.rte-toolbar ul li a.strikeThrough { background-position: 0 -144px; }
.rte-toolbar ul li a.underline { background-position: 0 -160px; }
.rte-toolbar ul li a.subscript { background-position: 0 -176px; }
.rte-toolbar ul li a.superscript { background-position: 0 -192px; }
.rte-toolbar ul li a.disable { background-position: 0 -480px; }
.rte-toolbar ul li a.enable { background-position: 0 -592px; }
.rte-toolbar ul li a.unorderedList { background-position: 0 -320px; }
.rte-toolbar ul li a.orderedList{ background-position: 0 -336px; }
.rte-toolbar ul li a.justifyLeft { background-position: 0 -16px; }
.rte-toolbar ul li a.justifyCenter { background-position: 0 -32px; }
.rte-toolbar ul li a.justifyRight { background-position: 0 -48px; }
.rte-toolbar ul li a.justifyFull { background-position: 0 -64px; }
.rte-toolbar ul li a.indent { background-position: 0 -80px; }
.rte-toolbar ul li a.outdent { background-position: 0 -96px; }
.rte-toolbar ul li a.removeFormat { background-position: 0 -352px; }
.rte-toolbar ul li a.h1 { background-position: 0 -208px; }
.rte-toolbar ul li a.h2 { background-position: 0 -224px; }
.rte-toolbar ul li a.h3 { background-position: 0 -240px; }
.rte-toolbar ul li a.h4 { background-position: 0 -256px; }
.rte-toolbar ul li a.h5 { background-position: 0 -272px; }
.rte-toolbar ul li a.h6 { background-position: 0 -288px; }
.rte-toolbar ul li a.increaseFontSize { background-position: 0 -512px; }
.rte-toolbar ul li a.decreaseFontSize { background-position: 0 -528px; }
.rte-toolbar ul li a.image { background-position: 0 -560px; }
.rte-toolbar ul li a.word { background-position: 0 -576px; }
.rte-toolbar ul li a.clear { background-position: 0 -608px; }
.rte-toolbar ul li a.link { background-position: 0 -384px; }
.rte-toolbar ul li a.color { background-position: 0 -624px; }
.rte-toolbar ul li a.unlink { background-position: 0 -640px; }