/* General Layout Stuff ------------------------------------------------------------------------- */
body {
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	background: #F8F8F8 url(../images/bg.gif) repeat-x;
	color: #000;
	text-align: left;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1em;
}

#wrapper {
	width: 951px;
	margin: 0 auto;
	padding: 0;
}



/* Typography ----------------------------------------------------------------------------------- */

h1, h2, h3, h4 { 
	margin: 0 0 15px 0;
	color: #555;
	font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
}

h1 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 100;
	letter-spacing: -2px;
	font-weight: bold;
}

h2 {
	font-size: 24px;
	line-height: 28px;	
	font-weight: bold;
	letter-spacing: -1px;
	margin: 20px 0 10px 0;
	
}

h3 { 
	font-size: 18px; 
	line-height: 26px;
	letter-spacing: -1px;
	font-weight: bold;
	margin: 20px 0 10px 0; 
}

h4 { 	
	font-size: 14px; 
	font-weight: bold;
	margin: 20px 0 20px 0; 
}


h2.has-arrow {
	margin: 0 0 0 0px;
}

a { color: #1064AA; 	text-decoration: none; }


p {
	padding: 0;
	margin: 0 0 15px 0;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5em;
}

p.small { font-size: 12px; }

p.fine-print, p.fineprint { font-size: 10px; }

small { font-size: 11px; }

span.code {
	font-family: monospace;
	margin: 0 5px;
	font-size: 14px;	
}


ol, ul { 	margin: 0px 0 25px; }
ol li, ul li {	margin: 0 0 10px 15px; }
ol li {	list-style: inside decimal; }
/*ul li { list-style: inside square; }*/
ul li { list-style: none; line-height: 15px;}
ul.noBullet li { list-style:none; }
ul.check li { list-style-type: none; background: url( ../images/check-small.png ) no-repeat 0 50%; padding-left: 25px; }

a.new-version {
}

ul.tips {
	background: #f8f8f8;
	border: 1px solid #e9e9e9;
	padding: 10px;
}

ul.tips li { font-size: 12px; list-style-type: none; background: url( ../images/check-small.png ) no-repeat 0 50%; padding: 0 0 0 20px; margin: 5px 0;}

/* Header (and header-related) ------------------------------------------------------------------ */

#header {
	margin: 20px auto 0px;
	padding: 0 0 0 0;
	background: 951px;
	height: 78px; 
	width: 951px;
}


#top_bar {
	background: #333;
	width: 100%;	
	padding: 3px 0 4px;
}

#top_bar_content {
	width: 951px;
	margin: 0 auto;	
	text-align: right;
}

#top_bar_content ul {
	margin: 0;
	padding: 0 10px;
	float:right;
	background: #2c2c2c;
	border: 1px solid #222;
	border-top: none;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottom-left: 5px;
	-webkit-border-radius-bottom-right: 5px;
}

#top_bar_content ul li {
	list-style: none;
	font-size: 10px;
	float:left;
	color: #fff;	
	padding: 5px 5px !important;
	margin: 0 !important;
	text-shadow:1px 1px 1px #000000;
}

#top_bar_content ul li.last {
	border-right:none;	
}

#top_bar_content a {
	color: #ccc;
	text-decoration: none;
	text-shadow:1px 1px 1px #000000;
}

#top_bar_content a:hover { color: #9DE363; border-color: #64AD28; }

#top_bar_content a.cart {
	background: url(../images/cart-small.gif) no-repeat 0 50%;
	padding-left: 16px;	
}

#top_bar_content a.clients {
	background: url(../images/user-small.gif) no-repeat 0 50%;
	padding-left: 16px;	
}

#support {
	padding: 0;
	
}

#logo {
	display:block;
	margin: 7px 0 0 0;
	padding: 0;
	float:left;
	background: url(../images/logo.gif) no-repeat 0 0;
	text-indent: -999px;
	width: 263px;
	height: 49px;
	color: #fff;
	font-size: 24px;
}
	
#menu {
	margin: 20px 0px 0px 0px;
	padding: 0;
	display:block;
	float:right;
}

#menu ul { margin: 0; padding: 0; float:left; }

#menu ul li {	display: inline; 	margin: 0; 	padding: 0; }

#menu ul li a {
	display: block;
	float: left;
	padding: 7px 15px;
	color: #ccc;
	margin: 0 1px 0 0;
	text-decoration: none;
	border: 1px solid transparent;
	text-shadow:2px 2px 2px #000000;
}

#menu li a.last {
	padding-right: 0;	
	margin-right: 0;
}

#menu a {
	font-size: 12px !important;
}

#menu ul li a.current {
	padding: 7px 15px;
	margin: 0 1px 0 0;
}

#menu ul li a.current, #menu ul li a.current:hover, #menu ul li a:hover, #menu ul li a.hover {
	color: #fff; 	
}	

#menu ul li a.current, #menu ul li a.current:hover {
	font-weight: bold;
}

#menu ul li a.current, #menu ul li a.current:hover { 
	font-weight: bold;
	background: #222;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
 }

#menu ul li.hasDropdown {
	background: url( ../images/down-arrow.gif ) no-repeat 100% 55%;
	padding-right: 4px;
	margin-right: 7px;
}

#menu ul li.hasDropdown ul li:hover {
	background-color: #444;
}

#menu ul li.hasSubmenu {
	background: url( ../images/right-arrow.gif ) no-repeat 95% 55%;
}

#menu ul li.hasSubmenu ul li {
	background-color: #444;
}


/* Content -------------------------------------------------------------------------------------- */


#content {
	width: 952px;
	overflow:hidden;
	padding: 0 0px;
	margin: 0 auto;
	text-align:left;
}

#content #title {
	background: url( ../images/header.jpg) no-repeat 0 0;
	padding: 20px 0 20px 0; 
	width: 100%;
}

#content.home #title {
	background: transparent;	
}

#content #title h1 {
	color: #fff;
	font-size: 30px;
	margin: 0 0 0 15px;
	text-shadow:1px 1px 1px #111;
	letter-spacing: -1px;
}

#content #title p {
	margin: 5px 0 0 15px;	
	color: #fff;
	font-size: 13px;
	text-shadow:1px 1px 1px #333;
}

#content.home #title {
	display: block;
	background: url( ../images/banner.jpg ) repeat-x 0 0;
	width: 952px;
	margin: 0 auto !important;
}

#content.home #title h1 {
	text-indent: -999px;
	height: 125px;
}

#content.home #title p {
	color: #000;	
	text-shadow:1px 1px 1px #fff;
}

#content p.subtitle {
	font-size: 12px !important;
	line-height: 18px;
	font-weight: normal;
	display: block;
	font-family: "Arial", "Helvetica", sans-serif;
	color: #000 !important;
}

#page {
	padding: 10px 20px 50px;		
	margin: 0;
	background: #fff;
	border: 1px solid #ccc;
	background: #fff url(../images/bg_page-content.gif) repeat-y 0 0;	
}

#page.full { background: #fff; }

#content.home #page {
	margin: 20px 0 0 0;
}


#page-content {
	display: block;
	width: 655px;
	margin: 20px 0 0 0;
	float: right;	
}

.page-menu {
	display: block;
	background: #F8F8F8;
	border: 1px solid #e9e9e9;
	padding: 15px 10px;	
	margin: 0 0 20px 0;
}

.page-menu ul { margin: 0; padding: 0; }

.page-menu ul li {
	list-style: none;
	display: inline;
}

.page-menu ul li a {
	text-decoration:underline;		
}

.page-menu ul li a:hover {
	text-decoration: none;	
}

#sidebar {
	display: block;
	width: 225px;
	float: left;
	margin: -10px 20px 0 -20px;	
	background: #f8f8f8;
	padding: 20px 0 20px 20px;
}

#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;	
}

#sidebar ul li a {
	display: block;
	font-size: 12px;	
	padding: 8px;
	color: #777;
}

#sidebar ul li a.current {
	background: #fff;
	color: #4F921E;
	border: 1px solid #e9e9e9;
	border-right: 1px solid #fff;
	margin-right: -1px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius-top-left: 5px;
	-webkit-border-radius-bottom-left: 5px;
}	

#sidebar ul li a:hover {
	color: #000;
}

#sidebar ul li ul {
	margin: 0;
	padding: 0;	
}

#sidebar ul li ul li {
	padding-left: 25px !important;
}

#sidebar ul li ul li a {
	font-size: 10px !important;
	padding: 5px;
}


ul.noLinks li {
	display: block;
	padding: 8px 0 !important;
}	

.list-with-image li {
	list-style:none;
	display: block;
	clear: both;
	margin: 0 0 35px;
}

.list-with-image li img {
	float: left;
	margin: 0 5px 0 0;	
}

.list-with-image li p {
	padding: 0 0 0	75px !important;
	margin: 0 !important;
	font-size: 12px;
}

.list-with-image li p b {
	display: block;
	font-size: 10px;
}


.yellow-box {
	background: #fff79b url( ../images/bg_yellow_box.gif ) repeat-x 0 0;
	border: 1px solid #e8ce40;
	padding: 5px 10px;
	margin: 0 0 30px;
}

.yellow-box p {
	margin: 0 !important;	
	font-size: 16px !important;
	margin: 7px 0 7px !important;
	padding: 0;
	line-height: 24px;
}

.title-arrow {
	display: block;
	float:left;
	width: 22px;
	height: 48px;
	background: url( ../images/arrow_title.gif ) no-repeat 0 0;	
	margin: 25px 5px 0 0;
}


.package {
	width: 305px; 
	float: left;
	margin: 0;
}

#page .package { 
	width: 290px;	
}

.package.p1 {
	margin: 0 !important;	
}

.package.p2 {
	margin: 0 15px !important;	
}

.package.p3 {
	float:right;
}

.package h2 {
	display: block;
	text-align: left;	
	margin-bottom: 15px;
	text-shadow:1px 1px 1px #fff;
}

.package p {
	text-align: left;	
	font-size: 14px;	
	padding: 0 !important;
	margin: 0 !important;
	text-shadow:1px 1px 1px #fff;
}

.package .price, p.price {
	font-size: 30px !important; 	
	margin: 5px 0 0 0 !important;
	letter-spacing: -2px;
	text-shadow:1px 1px 1px #fff;
}

.package .price span, p.price span {
	font-size: 12px;	
	letter-spacing: 0px;
	margin: 0 30px 0 3px;
}

.package a.button {
	margin: 19px 5px 0px 0 !important;	
	float: left;
}

.price-holder {
	display: block;
	padding: 10px 0 0 0 !important;
}

.price-holder p {
	margin: 0 !important;	
	padding: 0 !important;
}

.price-holder p.price {
	margin: -15px 0 0 0 !important;	
}       


#theprice {
	float:right;
	padding: 10px 20px;
	margin: 25px 50px 0 0;
	border: 1px solid #ccc;
	background: #f9f9f9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#theprice p {
	font-size: 30px;
	line-height: 25px;
	letter-spacing: -2px;	
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-shadow:2px 2px 1px #fff;
	text-align:center;
}

#theprice p span {
	font-size: 10px;	
	letter-spacing: 0px;	
	margin: 0; 
	padding: 0;
}

#theprice p.discount {
	font-size: 10px;
	letter-spacing: 0px;
	line-height: 14px;
	text-align:center;
	padding: 5px 0;
	margin: 0px;	
}

#theprice div.buy-button {
	display: block;
	text-align:center;
	margin: 10px;	
}

ul.features {
	float:left;	
	width: 30%;
	margin-top: 20px;
}

ul.features.f2 {
	margin: 20px 5px 0;	
}

ul.features.f3 {
	width: width: 300px;
}

ul.features li {
	list-style:none;
	background: url(../images/check-small.png) no-repeat 0 50%;
	padding: 0 0 0 20px;	
	font-size: 16px;
}

ul.features.f3 li {
	background: none;
}

.two-cols {
	width: 100%;	
}

.two-cols .col {
	width: 420px;
	float:left;
}

.two-cols .col.c1 {
	width: 460px;
}

.two-cols .col.c2 {
	float: right;
	width: 380px;
}

.two-cols-wide {
	width: 100%;	
}

.two-cols-wide .col {
	width: 465px;
	float:left;
}

.two-cols-wide .col.c1 {
	width: 550px;
}

.two-cols-wide .col.c2 {
	width: 300px;
	float: right
}

.two-cols-even .col {
	width: 425px;

}

.two-cols-even .col.c1 {
	float:left;	
}

.two-cols-even .col.c2 {
	float:right;	
}

.three-cols {
	width: 100%;	
}

.three-cols .col {
	width: 290px;
	float:left;
}

.three-cols .col.c2 {
	margin: 0 18px;	
}

.three-cols .col.c3 {
}

.module {
	font-size: 11px;
	border: 1px solid #e9e9e9;
	margin: 0 0 18px;
	-webkit-box-shadow:0 3px 5px #f1f1f1; 
	-moz-box-shadow: 0 3px 5px #f1f1f1; 
	box-shadow:0 3px 5px #f1f1f1; 	
}

.module:hover {
	-webkit-box-shadow:0 0 10px #ccc; 
	-moz-box-shadow: 0 0 10px #ccc; 
	box-shadow:0 0 10px #ccc; 	
	/*border-color: #67B31F; //51931F;*/
}

.module h3 {
	font-size: 14px;
	font-weight: bold;	
	letter-spacing: 0px;
	background: #E7E7E7 url(../images/bg_btn_silver.gif) repeat-x 0 0;
	text-shadow:1px 1px 1px #fff;
	color: #555;
	padding: 5px 7px;
	margin: 0;
}

.module h3 a {
	display:block;
}

.module .mcontent {
	padding: 10px;	
}

.module p {
	margin: 0;
	padding: 0;	
}

.module span.price {
	font-size: 20px;
	float: right;	
	background: #f9f9f9;
	padding: 10px 10px;
	margin: 0px 0 0 8px;
	border: 1px solid #e9e9e9;
	color: #52941F;
}

.module span.price span {
	font-size: 10px;	
	margin: 0 0 0 3px;
}
	
div.attachments {
	margin: 15px 0 0 0;	
}

div.attachments ul { 
	margin: 15px 0 0 0;	
}


ul.logos li {
	float:left;
	margin:0 10px;	
}

/* Footer --------------------------------------------------------------------------------------- */

#footer {
	margin: 0;
	padding: 20px 20px 10px;
	font-size: 12px;
	color: #fff;
	background: #474747;
	border-top: 7px solid #D6D6D6;
}

#footer h3 {
	color: #fff;	
	font-size: 20px;
	margin: 0 0 10px 0;
	text-shadow:1px 1px 1px #000000;
}

#footer h4 {
	color: #fff;	
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	text-shadow:1px 1px 1px #000000;
}

#footer p {
	margin: 0 0 15px;
	padding: 0; 
	text-shadow:1px 1px 1px #000000;
}

#footer a {
	text-shadow: none;
	color: #fff;
	text-shadow:1px 1px 1px #000000;
}

#footer ul {
	margin: 0 0 20px 0;	
}

#footer ul li {
	list-style: none;	
	text-shadow:1px 1px 1px #000000;
}

.footer-col {
	display: block;
	width: 275px;
	float: left;
}

.footer-col#fc1 {
			
}

.footer-col#fc2 {
	margin: 0 40px;
}

.footer-col#fc3 {
	
}

#footer ul.social-icons li {
	display: inline;
	margin: 0 10px 0 0;
}

#footer #copyright {
	margin: 5px 0 0;
	padding: 10px 0 0;
}

#footer #copyright p {
	text-align: center;	
	margin: 0;
	padding: 0;
	font-size: 11px;
}

#footer #copyright a {
	color: #ddd;
	border-bottom: 1px dashed #bbb;	
}

#footer #copyright a:hover {
	color: #87C240;
	border-color: #87C240;
}
	

#twitter {
	background: url(../images/twitter_message.gif) no-repeat 0 100%;	
	padding: 0 0 27px;
	margin: 0 0 20px 0;
}


#twitter ul#twitter_update_list, #twitter p#preloader {
	background: #626262;
	padding: 10px;
	margin: 0;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
}

#twitter ul#twitter_update_list li {
	margin: 0;
	padding: 0;	
}

#twitter ul#twitter_update_list li span {
	display: block;
	margin: 0 0 3px 0;
}

/* Form Elements --------------------------------------------------------------------------------- */

ul.form {
	width: 100%;
	margin: 20px 0 0 0;
}

ul.form li {
	padding: 7px 0;
	margin: 0 0 0px 0;
	display:block;
	clear:both;
	font-size: 13px;
	line-height: 24px;
	vertical-align: top;
	list-style:none;
}

ul.form li.buttons {
	border-top: 1px dotted #ccc;
	padding: 10px 0 0 0;
	margin: 15px 0 0 0;
}

ul.form li.buttons.top {
	border-top: none;
	border-bottom: 1px dotted #ccc;
	padding: 0px 0 10px 0;
	margin: 0px 0 15px 0;
}

ul.form li.buttons a {
	font-size: 12px;
	margin: 0 5px;
}

label.desc {
	display: block;
	float: left;
	width: 135px;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin: 0px 10px 0 0;
	padding: 5px 5px 15px 5px;
	color: #555;
	text-align: right;
}

label.desc.small {
	width: 100px;	
}	



.req, span.required { color: #c00; }

span.example, span.info {
	display: block;
	font-size: 11px;
	margin: -3px 0 0 145px;
	color: #777;
}

input.text, textarea.text, select.text {
	width: 200px;
	border: 1px solid #ccc;
	font-size: 12px;
	padding: 3px 3px;
	margin: 0;
	-moz-border-radius: 3px;
	-wekbit-border-radius: 3px;
}

textarea.text.singleline {
	height: 16px;	
}

.text:focus { 
	border-color: #ccc;
	-webkit-box-shadow:0 0  5px #68AF25; 
	-moz-box-shadow: 0 0 5px #68AF25; 
	box-shadow:0 0 5px #68AF25; 
 }
.text.tiny { width: 50px; }
.text.small { width: 120px; }
.text.medium { width: 300px; }
.text.large {	width: 550px;}
.text.full { 	width: 95%; }
.text.auto { width: auto !important; }	


.clear { cursor:pointer; }

optgroup { 	background: #f1f1f1; }

select optgroup option { 	background: #fff; }	

.button, .btn, .button.silver {
	border: 1px solid #a5a5a5;
	font-size: 14px !important;
	padding: 3px 10px !important;
	margin: 0 !important;
	background: #DDD url( ../images/bg_btn_silver.gif ) repeat-x 0 0px;
	color: #444 !important;
	cursor: pointer;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration:none;
	text-shadow:none !important;
}

.button:hover, .btn:hover {
	-webkit-box-shadow:0 0 10px #68AF25; 
	-moz-box-shadow: 0 0 10px #68AF25; 
	box-shadow:0 0 10px #68AF25; 
}
	

.button.green, .btn_green, .button.green:active, .btn_green:active {
	background: #50921f url(../images/bg_btn_green.gif) repeat-x 0 0;
	border-color: #2d580c;	
	color: #fff !important;
}

.button.yellow, .btn_yellowreen, .button.yellow:active, .btn_yellow:active {
	background: #fff79b url(../images/bg_btn_yellow.gif) repeat-x 0 0;
	border-color: #e7cc38 !important;	
	color: #7a7107 !important;
}

.button.yellow:hover, .btn.yellow:hover {
	-webkit-box-shadow:0 0 10px #ffe100; 
	-moz-box-shadow: 0 0 10px #ffe100; 
	box-shadow:0 0 10px #ffe100; 
}


.button.large, .btn.large {
	font-size: 20px !important;
	padding: 10px 25px !important; 	
}

.button.primary {
	border: 1px solid #5BB017;
}


.button:hover {
	color: #000;
	border-color: #777;
	text-decoration:none;
}

.button:active {
	background: #fff url( ../images/bg_button.gif ) repeat-x 0 100%;
	border-color: #bbb; 
	color: #222;
}

.button.float {
	float: left;
}


#client-login {
	width: 380px;
	float:right;
	background: #f8f8f8;
	margin: 40px 0;
	padding: 0 0 10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#client-login h3 {
	margin: 10px 0 5px 10px;
	padding: 0;	
	font-size: 20px;
}
#client-login ul.form { margin: 0 !important; }


/* Tables --------------------------------------------------------------------------------------- */

table {
	width: 100%;
}

table tr th, table tr.heading td {
	color: #000;
	font-size: 11px;
	text-align: left;
	padding: 10px 5px 5px;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}

table tr td {
	padding: 5px 4px;
	font-size: 12px;
	line-height: 18px;
	vertical-align: top;
	color: #555;
	border-top: 1px dotted #ccc;
}


table tr:first-child td {
	border:none;
}

table tr.error td {
	background: #FBD8D8;	
}


table tfoot tr td {  padding: 20px 0 10px; }

table#cart td.actions {
	text-align:right;	
}


tr.odd td { }
tr.even td { background: #fbfbfb; }

tr.hover td, tr.hover td h2 a, td.hover {
	background-color: #F0FFE3 !important;
	color: #000 !important;
}

table.compare-plans tr td {
	text-align:center;	
}

tr.empty td {
	text-align: center;
	vertical-align: middle;
	font-style: italic;
}


td.dragHandle { 
	background-image: url(../images/drag_handle.gif) !important;
	background-repeat: no-repeat !important;
	background-position: 50% 50% !important;
	width: 11px;
	cursor: move;
}

tr.tDnD_whileDrag td { background: #222 !important; }

td a.top {
	float: right;
	font-weight: normal;
	font-size: 12px;
}

tr.error td { color: #c00; }

tr.warning td { color: orange;	}

tr.complete td, td.complete { color: green;	}

table.sort .headerSortUp {
	background: url(../images/asc.gif) no-repeat 0% 70%;
	padding-left: 15px;
}

table.sort .headerSortDown {
	background: url(../images/desc.gif) no-repeat 0% 70%;
	padding-left: 15px;
}

table.sort tr th {
	cursor: pointer;	
}

table tr.item-header td {
	background: #f8f8f8;	
}

table tr td.price {
	border-left: 1px solid #ccc !important;
}

table tr.cart-summary td {
	background: #eee !important;
	font-size: 12px;
	color: 000;
	font-weight: bold;
	border:none;
}

.alignleft { float:left !important; margin-right: 10px !important; }
.alignright { float:right !important; }

.question {
	margin: 25px 0 0 0;	
}

.pagenav {
	font-size: 14px !important;
	font-weight: normal !important;
	letter-spacing: 0px !important;
}

/* Message Boxes -------------------------------------------------------------------------------- */

.messages {
	width: 100%
	display: block;
	padding: 10px 0;
	margin: 0 auto 10px auto;
	clear: both:
}

.messages p {
	margin: 3px 0 3px 10px !important;
	padding: 0 10px 0 30px !important;
	font-size: 14px;
	line-height: 16px;
}
	
.messages.error {
	border: 1px solid #C42608;
	color: #c00;
	background: #FFF0EF;
}

.messages.error p {
	background: url( ../images/icons/error.gif ) no-repeat 0px 50%;
}
	
.messages.success {
	background: #E0FBCC;
	border: 1px solid #6DC70C;
	color: #000;
}

.messages.success p {
	background: url( ../images/icons/success.gif ) no-repeat 0px 50%;
	color: #2B6301;
}

.messages.warning {
	background: #FFFCD3;
	border: 1px solid #EBCD41;
	color: #000;
}

.messages.warning p {
	background: url( ../images/icons/warning.gif ) no-repeat 0px 50%;
	color: #5F4E01;
}

.messages.information, .messages.info {
	background: #DFEBFB;
	border: 1px solid #82AEE7;
}

.messages.information p, .messages.info p {
	background: url( ../images/icons/help.png ) no-repeat 0px 50%;
	color: #064393;
}

.messages.information a { text-decoration: underline; }

/* Misc. Stuff ---------------------------------------------------------------------------------- */

.clearfix { display:block; clear:both; }
.clearfix.c20 { height: 20px;  }


hr {
	height: 1px;
	border: none;
	background: #ccccba;
	margin: 10px 0;
}

span.highlight {
	font-weight:bold;
	background: yellow !important;
	color: #000;
}

span.highlight.c0 { background: #FFFF00 !important; }
span.highlight.c1 { background: #B5FF00 !important; }
span.highlight.c2 { background: #57D3FF !important; }
span.highlight.c3 { background: #FF57FB !important; }
span.highlight.c4 { background: #FF579D !important; }

.qtip-content {
	font-size: 13px;
	line-height: 18px;
}

span.tooltip {
	cursor: help;
	border-bottom: 1px dashed #999;
}

a.actions {
	display: block;
	float:left;
	width: 18px;
	height: 18px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 5px 0 0px;
}

a.actions.withtext, a.actions.withText {
	overflow: display;
	text-indent: 0;
	width: auto;
	padding-left: 20px;	
	margin: 0 0 0 10px;
	float:none;
	display:inline;
	background-position: 0 50% !important;
	letter-spacing: 0 !important;
	font-weight: normal;
}

a.actions.save {	background: url( ../images/icons/save.gif ) no-repeat 50% 50%; }
a.actions.add {	background: url( ../images/icons/add.gif ) no-repeat 50% 50%; }
a.actions.edit {	background: url( ../images/icons/edit.gif ) no-repeat 50% 50%; }
a.actions.view {	background: url( ../images/icons/view.gif ) no-repeat 50% 50%; }
a.actions.refresh {	background: url( ../images/icons/refresh.gif ) no-repeat 50% 50%; }
a.actions.stats {	background: url( ../images/icons/stats.gif ) no-repeat 50% 50%; }
a.actions.questions {	background: url( ../images/icons/questions.gif ) no-repeat 50% 50%; }
a.actions.delete {	background: url( ../images/icons/error.gif ) no-repeat 50% 50%; }
a.actions.fields {	background: url( ../images/icons/fields.gif ) no-repeat 50% 50%; }


.loading { 
	background: url( ../images/icons/loading.gif ) no-repeat 0 50% !important;
	padding-left: 20px !important;
}

                
#overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	/*	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80); */
}

.sup {
 vertical-align: super;
 font-size: 0.5em !important; 	
}

.sub {
 vertical-align: sub;
 font-size: 0.5em !important; 	
}

.pagination {
	display; block;
	clear:both;
	margin: 10px 0;
}

.pagination ul li { 
	display: inline ;
	list-style:none;
	margin: 0;
	padding: 0;
}
.pagination ul li a, .pagination ul li.current, .pagination ul li.disabled, .pagination ul li.truncated {
	display: block;
	float: left;
	padding: 5px 8px;
	margin: 0 2px 0 0;
	font-size: 14px;
	color: blue;
}

.pagination ul li.current {
	color: #000;
	font-weight: bold;
}

.pagination ul li.disabled {
 	color: #bbb;	
}

.pagination ul li.truncated {
	color: #333;
}

.divider {
	clear:both;
	display:block;
	background: url(../images/divider.gif);
	width: 846px;
	height: 17px;
	margin: 40px auto 20px;	
}


.textgreen {
	color: #5FA521;
}

tr td.selected {
	background: #FBFBCC;
}


.active, tr.active td { background: #F0FFE3 !important; }
.pending, tr.pending td { background: #EFEFEF !important; }
.terminated, tr.terminated td,.expired, tr.expired td { background: #FFCFCF !important; }
.suspended, tr.suspended td { background: #FFF6CF !important; }