/************************************************************
Global Stylesheet
Target: Screen
Author: Martijn Schornagel - Momono Ontwerpwerk - www.momono.nl
Copyright: 2005-2014 CA Technologies
************************************************************/
* {
	margin: 0;
	padding: 0;
}

/************************************************************
 * Basic Styles
************************************************************/
ul { list-style: none; }

a {	color:#333; }
a:active, a:focus {	outline: 0; }
a:hover { text-decoration: none; }

a.external {
    background:transparent url(../img/external_link.png) no-repeat scroll right center;
    padding-right:13px;
    color:#F60;
}

img { border: 0; }

html, body {
	height: 100%;
	background-color: #e5e5e5;
}

body {
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #353535;
}

/************************************************************
* Positioning
************************************************************/

#header {
	height: 95px;
	width: 980px;
	position: relative;
	margin: auto;
	padding-top: 10px;
	color: #7F7F7F;
}

#container {
	background: #FFF;
}

#content {
	margin: auto;
	width: 980px;
	overflow: auto;
	padding-top: 15px;
	padding-bottom: 30px;
	min-height:400px;
}

.maincolumn_huge{
	width: 980px;
}

.maincolumn_big{
	width: 760px;
}

.maincolumn_small{
	width: 680px;
}

.maincolumn_tiny{
	width: 520px;
}

.column_huge{
	width: 440px;
}

.column_big{
	width: 280px;
}

.column_small{
	width: 200px;
}

#footerwrapper {
	padding-bottom: 20px;
}
#footer {
	margin: auto;
	width: 980px;
	padding-top: 10px;
	color: #7F7F7F;
}

/************************************************************
* Header elements
************************************************************/

#headerLogo a {
	text-indent: -32697px;
	display: block;
	height: 84px;
	width: 392px;
	position: absolute;
	left: 0;
	bottom: 10px;
	z-index: 15;
}

p.call-us, a.chat, a.chat-no-dots, a.sign-in, a.help, a.product {
	float: right;
	padding-left: 28px;
	margin-left: 10px;
	line-height: 17px;
	height: 17px;
	color: #7F7F7F;
	text-decoration: none;
}
p.call-us {	padding-left: 24px; }
a.chat-no-dots { padding-left: 20px; }
a.sign-in {	margin-right: 10px; }
a.help { margin-left: 0; }
a.product {	padding-left: 22px; }

a.sign-in:hover, a.help:hover, a.chat:hover, a.chat-no-dots:hover, a.product:hover {
	text-decoration: underline;
}
p.home-url {
	display: none;
}

/* hide chat popup div */
#lpButDivID-1284411734598 { display : none; }
.lpPoweredByDiv a, .lpPoweredByDiv span { color : white; }

#language {
	z-index: 20;
	color: #7F7F7F;
	position: absolute;
	left: 0;
	top: 13px;
}
#language a {
	color: #7F7F7F;
	margin-top: -2px;
	display: block;
	float: left;
	margin-right: 5px;
	text-decoration: none;
}
#language a:hover {
	text-decoration: underline;
}

#search-holder {
	position: absolute;
	right: 0;
	bottom: 21px;
	height: 26px;
	width: 200px;
	background-color: #fff;
}
#search {
	position: relative;
}
#search-holder input {
	background: transparent;
	outline: 0;
	border: 0 solid #787878;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 1px;
	color: #666;
	height: 17px;
	font-size: 11px;
}
#search-holder .go-search {
	height: 17px;
	width: 17px;
	text-indent: -32697px;
	display: block;
	position: absolute;
	top: 5px;
	right: 8px;
	cursor: pointer;
}

ul#lang-menu, ul#help-menu, ul#product-menu, #signIn-menu {
	border: 1px solid #C2C2C2;
	width: 130px;
	position: absolute;
	top: 38px;
	z-index: 30;
	background: #f3f3f3 url(../img/modal_menu_background.png) repeat-x 0 0;
	padding: 5px 0 5px 8px;
}
ul#help-menu li, ul#product-menu li {
	margin: 4px 20px 4px 0;
}
ul#lang-menu li a, ul#help-menu li a, ul#product-menu li a {
	color: #7F7F7F;
	font-size: 12px;
	background: url(../img/sprite.png) no-repeat -369px -466px;
	padding-left: 8px;
	text-decoration: none;
}
ul#lang-menu li a:hover, ul#help-menu li a:hover, ul#product-menu li a:hover {
	text-decoration: underline;
}
ul#lang-menu li a.selected, ul#help-menu li a.selected, ul#product-menu li a.selected {
	/* ! wm color: #F90; */
	/* ! wm background: url(../img/sprite.png) no-repeat -369px -448px; */
}
ul#help-menu a.btnCloseGrey, ul#product-menu a.btnCloseGrey, #signIn-menu a.btnCloseGrey {
	background: url(../img/sprite.png) no-repeat -359px -346px;
	text-indent: -32697px;
	display: block;
	height: 13px;
	width: 13px;
	position: absolute;
	top: 6px;
	right: 0;
}

ul#lang-menu {
	left: -8px;
	top: 6px;
	z-index: 18;
	padding: 26px 0 5px 8px;
}
ul#lang-menu li {
	display: block;
	height: 18px;
	line-height: 18px;
}

ul#help-menu{
	right: 0;
}
ul#help-menu li a {
	display:block;
}

ul#product-menu {
	width: 135px;
	right: 400px;
}

#signIn-menu {
	width: 198px;
	padding: 10px 0 10px 10px;
	right: 54px;
	z-index: 2000;
}
#signIn-menu a.btnCloseGrey {
	right: 6px;
}
.signinInput {
	background-color: #FFFFFF;
	width: 183px;
	border: 1px solid #B9B9B9;
	color: #333;
	padding: 3px;
	margin-bottom: 8px;
	margin-top: 3px;
}
.signinInput:focus {
	border: 1px solid #787878;
	outline:none;
}
.signinSubmit {
	background-color: #363636;
	display: block;
	padding: 4px 6px 5px;
	float: right;
	text-align: center;
	border: 1px solid #363636;
	color: #FECC06;
	text-shadow: black 1px 1px 2px;
	font: bold normal 14px Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin: 2px 11px 0 10px;
}
.signinSubmit:hover {
	color: #FFF;
}
#signIn-menu a {
	color: #2200CC;
	text-decoration: underline;
	font-size: 12px;
}
#signIn-menu a:hover {
	text-decoration: none;
}

/************************************************************
* Footer
************************************************************/
ul.footerlist, ul.footerlist-7cols {
	float: left;
	font-size: 12px;
	width: 150px;
	margin: 0 35px 16px 0;
}
ul.footerlist-7cols {
	width: 125px;
	margin-right: 13px;
}
ul.footerlist li, ul.footerlist-7cols li {
	color: #555;
	font-weight: bold;
	display: block;
	margin-bottom: 4px;
}
ul.footerlist li a, ul.footerlist-7cols li a {
	color: #858585;
	font-weight: normal;
	line-height: 13px;
	text-decoration: none;
}
ul.footerlist li a:hover, ul.footerlist-7cols a:hover {
	text-decoration: underline;
}
ul.footerlist li a.selected, ul.footerlist-7cols a.selected {
	font-weight: bold;
}
ul.footerlist li.footerlist-title, ul.footerlist-7cols li.footerlist-title {
	margin-bottom: 10px;
}

ul.footerlist-connect {
    float: left;
    font-size: 12px;
	margin: 0 30px 16px 0;
}
ul.footerlist-connect li {
    color: #555;
    font-weight: bold;
    display: block;
    line-height: 20px;
    height: 20px;
    margin-bottom: 1px;
    background: url(../img/connect_icons/connect-sprite.png) no-repeat top left;
}
ul.footerlist-connect li a {
    color: #858585;
    font-weight: normal;
    text-decoration: none;
    padding-left: 22px;
}
ul.footerlist-connect li a:hover {
    text-decoration: underline;
}
ul.footerlist-connect li.footerlist-title {
    margin-bottom: 8px;
    line-height: 15px;
    height: 15px;
    background: none;
}
/* ! wm depreceated class */
ul.footerlist-connect .connect-icon {
    float: left;
    margin-right: 5px;
}
ul.footerlist-connect li.linkedin { background-position: 0 -23px; }
ul.footerlist-connect li.crunchbase { background-position: 0 -46px; }
ul.footerlist-connect li.facebook { background-position: 0 -69px; }
ul.footerlist-connect li.wm-api { background-position: 0 -92px; }
ul.footerlist-connect li.wm-labs { background-position: 0 -115px; }
ul.footerlist-connect li.wm-blog { background-position: 0 -138px; }
ul.footerlist-connect li.rss { background-position: 0 -161px; }

p.copyright a {
	color: #858585;
	text-decoration: underline;
	margin: 0 4px;
}
p.copyright a:hover {
	text-decoration: none;
}
.footerbanner {
	float:right;
    margin-top:-14px;
}

.footerdivider {
	border-top: 0 solid #CFCFCF;
	padding: 5px 0 20px;
}
.dotted-divider {
    border-top: 0 solid #CFCFCF;
	padding: 5px 0 10px;
    background: url(../img/dottedLine.gif) repeat-x;
}

p.copyright {
	display:inline-block;
}

/************************************************************
* Sidebar
************************************************************/
.sbBox {
	border: 1px solid #DCDCDC;
	background: url(../img/bg-sidebar-grey.jpg) no-repeat center bottom;
	padding: 10px;
	margin-bottom: 15px;
	color: #858585;
}
.trustedby {
	padding: 10px 0 10px 10px;
}
.sbBox ul {
	margin: 5px 5px 0 0;
}
.sbBox ul li {
	line-height: 16px;
}
.sbBox ul li a {
	text-decoration: none;
	color: #555;
}
.sbBox ul li a:hover {
	text-decoration: underline;
}

.sbFormbox {
	border: 1px solid #FECD0A;
	background: url(../img/bg-sidebar-yellow.jpg) no-repeat center bottom;
	padding: 1px;
	margin-bottom: 15px;
	color: #858585;
}
.sbWarning {
	background: #fff2d1 url(../img/warning-orange.png) no-repeat 13px 10px !important;
	color: #e73131;
	text-shadow: 0 1px 0 #fff;
	border: 1px solid #e73131;
	padding: 10px !important;
	margin-bottom:15px;
	text-indent: 29px;
}
ul.clientLogos {
	margin-bottom: 4px;
}
ul.clientLogos li {
    border:1px solid #E7E7E7;
    float:left;
    height:66px;
    margin-bottom:7px;
    margin-right:5px;
    width:124px;
}
#content .orange-link {
	margin: 3px 0 15px;
	text-align:center;
}
#content .orange-link a {
	text-decoration:none;
}
#content .orange-link a:hover {
    text-decoration:underline;
}

#sidebar p a {
	color:#858585;
	margin-bottom:0;
	text-decoration:underline;
}
#trialForm {
	padding: 0 7px 14px;
	color: #333;
	font-size: 12px;
}
label.formInputLabel {
	text-align: right;
	width: 100px;
	display: -moz-inline-box;
	display: inline-block;
	color: #333;
	vertical-align:middle;
	margin-top: -4px;
}
.formInput {
	background-color: #FFFFFF;
	width: 130px;
	border: 1px solid #FDCD2A;
	color: #333;
	padding: 2px 1px;
	margin: 0 0 7px 7px;
}
.formInput:focus {
	border: 1px solid #787878;
	outline:none;
}
#trialForm input:focus {
	outline:none;
}
.formSubmit {
	background-color: #363636;
    padding: 6px 8px 7px;
    float: right;
    text-align: center;
    border: 1px solid #363636;
    color: #FECC06;
    text-shadow: black 1px 1px 2px;
    font: bold normal 18px Arial, Helvetica, sans-serif;
    cursor: pointer;
    margin: 10px 8px 0 12px;
}
.formSubmit:hover {
	color: #FFF;
}
#sidebar #trialForm p {
	font-size: 11px;
	margin-top: 9px;
}
#sidebar #trialForm p a {
	color: #333;
	text-decoration: underline;
}
#sidebar #trialForm p a:hover {
	text-decoration: none;
}

/************************************************************
* Classes & Typography
************************************************************/

.clear {
	clear: both;
}
.sbBox h2 {
	font-weight: normal;
	margin-bottom: 10px;
	font-size: 16px;
}
.sbFormbox h2.formboxHead {
	font-size: 17px;
	font-weight: normal;
	margin-bottom: 10px;
	background: url(../img/bg-formbox-head.jpg) repeat-x left bottom;
	line-height: 28px;
	height: 30px;
	text-align: center;
	color: #333;
}

#sidebar p a {
	color: #858585;
	text-decoration: underline;
	margin-bottom: 0;
}
#sidebar p a:hover {
	text-decoration: none;
}
p.testimonial {
	margin-bottom: 13px;
	padding-right: 10px;
	line-height: 17px;
}
h1 {
	font-size: 30px;
	font-weight: bold;
	color: #A5A5A5;
	letter-spacing: -1px;
	margin-bottom: 10px;
}
h2 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 12px;
}
p.subhead-hp {
    color:#A5A5A5;
    font-size:15px;
    margin-bottom:15px;
    margin-top:-12px;
}
h3.orangeBlock, h3.orangeBlock a {
	background-color: #555;
	display: inline;
	padding: 2px 5px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
}
h4 {
	font-size: 15px;
	font-weight: normal;
	margin-top: 3px;
	margin-bottom: 18px;
}
h5 {
	font-size: 16px;
	color: #A5A5A5;
	font-weight: bold;
	margin-bottom: 5px;
}
.thumb {
	background: #E3E3E3;
	padding: 4px;
	margin-bottom: 4px;
}
.thumb img
{
	border:1px solid #FFFFFF;
}
.thumb a img:hover {
	border:1px solid #7E7E7E;
}
.bottomMargin {
	margin-bottom: 10px;
}
.bottomMargin15 {
    margin-bottom: 15px;
}
.topMargin {
	margin-top: 10px;
}
.bottomMargin40 {
	margin-bottom: 40px;
}
.topMargin40 {
	margin-top: 40px;
}
.topMargin_45 {
	margin-top: 45px;
}
.topMargin22 {
	margin-top: 22px;
}
.rightMargin20 {
	margin-right:20px;
}
.padding-top {
	padding-top: 10px;
}
.padding-bottom {
	padding-bottom: 10px;
}
.padding-top-40 {
	padding-top: 40px;
}
.padding-bottom-40 {
	padding-bottom: 40px;
}
.padding-left {
	padding-left: 10px;
}
.padding-right {
	padding-right: 10px;
}
.padding-box {
	padding: 5px 27px;
}

.pricingPlans a, .pricingPlans-small a, .pricingPlans-wide a {
	background-color: #555;
	display: block;
	padding: 6px 10px 10px;
	float: left;
	text-align: center;
	border: 1px solid #363636;
	margin-right: 10px;
	color: #FFF;
	text-decoration: none;
}
.pricingPlans a:hover, .pricingPlans-small a:hover, .pricingPlans-wide a:hover {
	background: #363636;
	text-decoration: none;
}
.pricingPlans span.head, .pricingPlans-small span.head, .pricingPlans-wide span.head {
	color: #FECC06;
	text-shadow: black 1px 1px 2px;
	font-weight: 600;
	font-size: 28px;
	letter-spacing: -1px;
	display: block;
}
.pricingPlans span.sub, .pricingPlans-small span.sub, .pricingPlans-wide span.sub {
	color: #FFF;
	font-weight: normal;
	font-size: 14px;
	margin: -15px 0 0;
}
.pricingPlans-small a, .pricingPlans-wide a {
    padding: 6px 4px 8px;
    margin: 0 0 10px;
}
.pricingPlans-wide a { float: none; }
.pricingPlans-small span.head, .pricingPlans-wide span.head {
    font-size: 19px;
    line-height: 20px;
    margin-bottom: 10px;
}
.pricingPlans-small span.sub, .pricingPlans-wide span.sub {
    font-size: 12px;
    margin: -10px 0 0;
}
.pricingPlans-wide span.head {
    font-size: 22px;
}

a.blue {
	display: inline-block;
	color: #2200CC;
	text-decoration: underline;
}
a.blue:hover {
	text-decoration: none;
}
a.grey {
	color: #999;
	text-decoration: underline;
	margin-top: 8px;
}
a.grey:hover {
	text-decoration: none;
}
ul.productList {
    margin-top: 20px;
    background: url(../img/dottedLine.gif) repeat-x left top;
}
ul.productList li {
    background: url(../img/dottedLine.gif) repeat-x left bottom;
    padding: 18px 0 15px;
}

#maincolumn ul.productList li h2.product, #maincolumn ul.productList li h2.price {
    display: inline;
    padding: 2px 5px 3px 10px;
    color: #000;
    font-size: 21px;
    font-weight: 400;
}
#maincolumn ul.productList li h2.product {
    background-color: #555;
    padding-left: 5px;
    color: #FFF;
    font-weight: normal;
}

.productList p {
    margin-top: 25px;
    line-height: 16px;
}
.productList p a, .productList p a:visited {
    color: #2200CC;
    border-bottom: 1px dotted #999;
    text-decoration: none;
}
.productList p a:hover {
    border-bottom: 1px solid #999;
    text-decoration: none;
}
a.rounded-btn {
    background: url(../img/pill-btn-right.jpg) no-repeat right top;
    height: 30px;
    line-height: 29px;
    font-size: 12px;
    font-weight: bold;
    padding-right: 13px;
    display: block;
    float: left;
    text-align: center;
    min-width: 115px;
    width: auto !important;
}
.rounded-btn-left {
    background: url(../img/pill-btn-left.jpg) no-repeat left top;
    height: 30px;
    padding-left: 13px;
    float:right;
}
.orderholder {
	color:#333;
    font-size:12px;
    font-weight:bold;
    height:30px;
    line-height:29px;
    right:0;
    text-align:center;
    top:16px;
}
ul.productList li .popup {
    border-collapse: collapse;
    color: #FFF;
    background: #333;
    margin-top: 15px;
    padding: 12px 10px 0 0;
}
ul.productList li ul.popupList {
	padding: 0 0 12px 15px;
}
ul.productList li ul.popupList li {
    color: #FFF;
    line-height: 16px;
    background: url(../img/popupBullit.gif) no-repeat left 5px;
	margin-bottom: 2px;
	padding: 0 10px 0 8px;
    font-size: 12px;
}
ul.productList li ul.popupList li a {
	color:#0066CC;
    text-decoration: underline;
}
ul.productList li ul.popupList li a:hover {
    text-decoration: none;
}
ul.productList a.btnClose {
    background: url(../img/btn-close-dark-bg.png) no-repeat left top;
    text-indent: -32697px;
    display: block;
    height: 13px;
    width: 13px;
    top: 4px;
    right: 4px;
    z-index:30;
	float:right;
}
#sidebar #trialForm p.error {
	font-size: 12px;
	color: #C00;
	margin: 0 0 15px;
	padding: 5px;
	border: 1px solid #C00;
}
.sb-trial-required {
	font-size: 12px;
	margin: 0 0 15px;
	padding: 5px;
	border-bottom: 1px solid #FECD0A;
}
#signIn-menu .error {
	background-color: transparent;
	font-size: 12px;
	color: #C00;
	margin: 0 0 15px;
	width: 160px;
	display: block;
}
p.featureHtml {
	margin-top: 6px;
}

ul.checklist {
	margin-bottom: 10px;
	line-height: 18px;
}
ul.checklist li {
	background: url(../img/icon-checklist.gif) no-repeat left 3px;
	padding-left: 20px;
	margin: 3px 0;
}
ul.square, ul.round, ul.none {
	margin-bottom: 10px;
	line-height: 16px;
}
ul.square li, ul.round li, ul.none li {
	padding-left: 14px;
	margin: 2px 0;
}
ul.square li {
	background: url(../img/bullit-square.png) no-repeat left 4px;
}
ul.round li {
	background: url(../img/bullit-round.png) no-repeat left 5px;
}

.legend-icon {
	left: 0;
	top: 1px;
	text-align: left;
	display:inline;
}
.legend-icon span {
	width:26px;
	display:inline-block;
}
.sidebar-icon-legend ul {
	margin-top: 5px;
}
.sidebar-icon-legend ul li {
	position: relative;
	margin-bottom: 2px;
}

/************************************************************
* Generic form styles
************************************************************/

.command-bar {
	float: left;
	width: 100%;
}

.buttons-container {
	margin-top: 8px;
	float: left;
	width: 100%;
/* padding-left: 1%; */
}
.action-container { 
	margin-top: 4px;
	float: left;
	text-align: left;
}

.command-bar .buttons-container, .command-bar .action-container { width: 50%; }
.command-bar .buttons-container { width: 50%; /* padding-left: 1%;  */}
.command-bar .action-container { float: right; }

.inputfield {
	background-color: #FFFFFF;
	border: 1px solid #C0C0C0;
	color: #333;
	padding: 3px 2px;
	vertical-align: middle;
}
.inputfield option {
	padding-left:3px;
	padding-right:23px;
}
.inputfield:focus {
	border: 1px solid #888;
	outline:none;
	background: #FAFAFA;
}

select.xtypegroup {
    width: 240px;
}
select.xtypegroup optgroup, select.xtypegroup .optionGroup {
    font-weight: bold;
    font-style: italic;
}
select.xtypegroup .optionItem {
    padding-left: 15px;
}

.formbtn-light, .formbtn-light-small, .formbtn-dark, .formbtn-dark-small, .formbtn-disabled {
    background-color: #FFF;
    border: 1px solid #999;
    color: #666;
    padding: 2px 4px 4px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}
.formbtn-light:hover, .formbtn-dark-small:hover {
    background-color: #999;
    border: 1px solid #999;
    color: #FFFFFF;
}
.formbtn-light-small {
    padding-bottom: 2px;
}
.formbtn-dark, .formbtn-disabled {
	background-color: #555;
	padding-bottom: 3px;
	text-align: center;
	border: 1px solid #363636;
	color: #FECC06;
	text-shadow: black 1px 1px 2px;
	font-size: 14px;
}
.formbtn-dark:hover {
    color: #FFF;
}
.formbtn-disabled {
    opacity:.40;
    filter: alpha(opacity=40);
}
.formbtn-disabled:hover {
    color: #FECC06;
    cursor: default;
}

.input-error, .input-error:focus {
	border: 1px solid #F00;
	outline:none;
	background: #FFE2D8;
	color: #C00;
}

.formbtn-dark-sec, .formbtn-spc {
    /* margin-left: 2px; */
    padding-left: 4px;
	background: none transparent;
	border: 0;
	font-size: 13px;
	color: #2200CC;
	text-decoration: underline;
	border-left: 1px solid #353535;
}

.formbtn-dark-sec:hover, .formbtn-spc:hover { text-decoration: none; }

.formbtn-spc {
	padding-left: 0;
	margin-top: 2px;
	font-size: 18px;
	border-left: 0;
}

/************************************************************
* Excisting styles from current website
************************************************************/

.underline {
	text-decoration: underline;
}
.no-underline {
    text-decoration: none;
}
.help-cursor:hover{
	cursor:help;
}
.nodisplay {
	display:none;
}
.hidden {
	visibility: hidden;
}

.messagebox-head {
	background-repeat: no-repeat;
	height: 28px;
	width: auto;
	margin-top: 10px;
	padding-left: 26px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 15px;
	background-color:#ddd;
}
.messagebox-body {
	background-repeat: no-repeat;
	background-position: left bottom;
	width: auto;
	background-color: #EEEEEE;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	margin-bottom:30px;
}

.messagebox-blue {
	background-color: #EAEEF4;	
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
	padding: 20px 20px 100px;
}

.messagebox-blue p {
	margin-bottom: 20px;
}

.messagebox-blue .messagebox-blue-signature {
	font-style: italic;
	margin-top: 40px;
}

.grey-box {
	border: 1px solid #CCCCCC;
	background-color: #F5F5F5;
	padding: 10px 20px;
}

.floatright {
	float: right;
}
.floatleft {
	float: left;
}

#cms-mode {
	position: absolute;
	left: 120px;
	top: 7px;
	height: 22px;
	width: 175px;
	background-color: transparent;
	background-image: url(../img/bg-cms-mode.png);
	background-repeat: no-repeat;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #E4E260;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding-left:5px;
	padding-top:1px;
	z-index: 30;
}

#cms-mode table {
	width:165px;
	height:22px;
}
#cms-mode div#lock, #cms-mode div#lock:hover, #cms-mode div#unlock, #cms-mode div#unlock:hover, #cms-mode div#edit, #cms-mode div#edit:hover {
	padding-bottom:2px;
	padding-right:3px;
	width:13px;
	height:13px;
	background-image: url(../img/icon-lock.gif);
	background-repeat: no-repeat;
	float: right;
}
#cms-mode div#lock:hover {
	background-image: url(../img/icon-lock-open.gif);
	opacity:1;
	filter: alpha(opacity=100);
}
#cms-mode div#unlock {
	background-image: url(../img/icon-lock-open.gif);
	opacity:0.5;
	filter: alpha(opacity=50);
}
#cms-mode div#unlock:hover {
	background-image: url(../img/icon-lock.gif);
	opacity:1;
	filter: alpha(opacity=100);
}
#cms-mode div#edit {
	background-image: url(../img/icon-page-edit.gif);
	float: right;
	opacity:0.5;
	filter: alpha(opacity=50);
}
#cms-mode div#edit:hover {
	background-image: url(../img/icon-page-edit.gif);
	opacity:1;
	filter: alpha(opacity=100);
}

/************************************************************
Migrated form previous screen.css
************************************************************/

.subhead {
    background-color: #F5F5F5;
    font-weight: bold;
}

.light-grey-bg {
    background-color: #EEEEEE;
}
.medium-grey-bg {
    background-color: #E2E2E2;
}
.orange-bg {
	background-color: #E2E2E2;
}
.buttonfooter {
	background: #F5F5F5;
}

.nomargin {
	margin: 0;
	padding: 0;
}
.nomargin td {
	margin: 0;
	padding: 0;
}
.withmargin {
	margin: 10px;
}
.withmargin td {
	margin: 10px;
}

div#rule-info b a {
        border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-weight:normal;
	color:#245595;
	background-color:#dee7f8;
	font-size:11px;
	text-decoration: none;
	border: 1px solid #95C1EC;
	padding: 1px 9px 2px;
}
div#rule-info b a:hover {
    text-decoration:none;
	background-color:#cbdbf8;
}
div#tag-list a.tag {
	text-decoration: none;
}

.tag-pill, .info-pill {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-weight:normal;
    color:#245595;
    background-color:#dee7f8;
    font-size:11px;
    text-decoration: none;
    border: 1px solid #95C1EC;
    padding: 1px 9px 2px;
}
.info-pill {
	float: left;
	min-width: 10px;
	margin: 0 1px;
	padding: 0 8px;
	text-align: center;
	cursor: help;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	background-color:#CCC;
	border-color: #AAA;
	color: #444;
}
.tag-pill:hover, .info-pill:hover {
    text-decoration:none;
    background-color:#cbdbf8;
}
.info-pill:hover {
	background-color: #c1c1c1;
}

.table-1 {
    border-top: 1px solid #CCC;
}
.table-1 td , .table-1 th {
    border-bottom: 1px solid #CCC;
    padding: 4px 6px;
}
.table-2 {
    border-top: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    text-align: center;
    color: #333;
    background-color: inherit;
    font-size: 11px;
}
.table-2 td, .table-2 th  {
    border-bottom: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
	padding: 2px 4px;
}

.table-3 {
    margin-bottom: 10px;
}
.table-3 td, .table-3 th  {
    border: 0;
    padding: 4px 6px;
}
.table-4 {
    border: 1px solid #CCC;
}
.table-4 td, .table-4 th  {
    padding: 6px;
}
.table-5 {
    border-bottom: 1px solid #CCC;
}
.table-5 td {
    padding: 4px 6px;
}

.table-6 td, .table-6 th  {
	padding: 4px;
}

.table-7 {
    border: 1px solid #CCC;
}
.table-7 td, .table-7 th  {
	padding: 3px 6px;
}
.table-1, .table-2, .table-3, .table-4, .table-5, .table-6, .table-7, .table-9 {
	line-height: 18px;
}

.table-simple {
	border-collapse:collapse;
}
.table-simple th, .table-simple td {
	text-align: left;
	border: 1px solid #757575;
	padding: 4px 6px;
	margin: 0;
}

.nomargin {
	margin: 0;
}

.noborder, .noborder td { border: 0; }
.no-side-border { border-left: 0; border-right: 0; }
.dotted-border, .dotted-border td { border: 1px dotted #CCC; }
.right-dotted-border, .right-dotted-border td { border-right: 1px dotted #CCC; }
.top-dotted-border, .top-dotted-border td { border-top: 1px dotted #CCC; }
.bottom-dotted-border, .bottom-dotted-border td { border-bottom: 1px dotted #CCC; }
.left-dotted-border, .left-dotted-border td { border-left: 1px dotted #CCC; }
.top-border, .top-border td { border-top: 1px solid #CCC; }
.bottom-border, .bottom-border td{ border-bottom: 1px solid #CCC; }
.right-border, .right-border td { border-right: 1px solid #CCC; }
.left-border, .left-border td { border-left: 1px solid #CCC; }
.table-top-border { border-top: 1px solid #CCC; }


.table-20 {
	border-bottom: 1px solid #CCC;
}

.table-3 tr.last-item, .table-3 tr.last-item td { border-bottom: 0; }
.table-6 tr.last-item, .table-6 tr.last-item td { border-bottom: 0; }

.table-1.table-20/* , .table-3.table-20 */ { border-bottom: 0; }

.rounded-corners {
	border-radius: 5px;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
}
.dark-right-border {
	border-right: 1px solid #757575;
}

.left {
    text-align: left;
}
.centered {
    text-align: center;
}
.right {
    text-align: right;
}

.vcenterc * {
	vertical-align: middle;
}

.nowrap{
    white-space: nowrap;
}
.fullwrap{
    white-space: normal;
}
.forcedwrap {
    white-space: normal;
    word-wrap: break-word;
}
.linebreak {
    word-break: break-all;
}
.veryShortRuleName {
    max-width: 140px;
}
.shortRuleName {
    max-width: 240px;
}

.debug-table {
    color: #333333;
    background-color: #F1F1F1;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    width: 96%;
}
.debug-table th, .debug-table td {
    font-size:9px;
    padding: 6px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.pointer-cursor, .pointer-cursor:hover {
    cursor:pointer;
}

.log-row-error {
    background-color: #F2BBA5;
}
.log-row-triggered {
    background-color: #FAF0B3;
}
.log-row-extracheck {
    background-color: #D1D7D9;
}
.log-row-info {
    background-color: #ececec;
}

.log-error-box, .log-triggered-box, .log-extracheck-box, .log-maint-box, .log-info-box {
    width:24px;
    height:15px;
    background-color: #F2BBA5;
    border: 1px solid #FFF;
}
.log-triggered-box {
    background-color: #FAF0B3;
}
.log-extracheck-box {
    background-color: #D1D7D9;
}
.log-maint-box {
    background-color: #999;
}
.log-info-box {
    background-color: #ececec;
}

.maintenance {
    background-color: #999;
    color:#FFF;
}

.help {
	background-color: #f1f6d7;
	color: #65A534;
}
.help td, div.help {
	border: 1px solid #77C03F;
}
.inprogress {
	color: #4188C8;
	background: #E2EDFD;
}
.inprogress td, div.inprogress {
	border: 1px solid #95C1EC;
}
.inform {
	color: #4188C8;
	background: #E2EDFD;
	padding: 5px;
	margin-bottom: 10px;
}
.inform td, div.inform {
	border: 1px solid #95C1EC;
}
.inform a {
	text-decoration: underline !important;
	color: #0066CC !important;
}
.warning {
	color: #DD8400;
	background: #FFF2D1;
}
.warning td, div.warning {
	border: 1px solid #FFC315;
}
.error {
	outline:none;
	background: #FFE2D8;
	color: #C00;
}
.error td, div.error {
	border: 1px solid #F00;
}
div.inform, div.warning, div.error {
	padding: 4px 6px;
	margin-bottom: 10px;
}
.help ul li, .inprogress ul li, .inform ul li, .warning ul li, .error ul li {
	list-style-image: none;
	list-style-type: none;
	padding: 6px 0 7px 22px;
	font-weight: normal;
}
.help ul li { background: url(../img/help-withbg.gif) no-repeat left 6px; }
.inprogress ul li {	background: url(../img/spinning-blue.gif) no-repeat left 7px; }
.inform ul li {	background: url(../img/inform-withbg.png) no-repeat left 7px; }
.warning ul li { background: url(../img/warning-orange.png) no-repeat left 7px; }
.error ul li { background: url(../img/error-circle.png) no-repeat left 7px; }

.close {
	float: right;
	width: auto;
}

.trans25 {
    opacity:.25;
    filter: alpha(opacity=25);
}
.trans50 {
    opacity:.50;
    filter: alpha(opacity=50);
}
.trans75 {
    opacity:.75;
    filter: alpha(opacity=75);
}
.trans90 {
    opacity:.90;
    filter: alpha(opacity=90);
}
.trans95 {
    opacity:.95;
    filter: alpha(opacity=95);
}

.top {
	vertical-align: top;
}


/************************************************************
Logged in Homepage
************************************************************/
.right-holder {
	width: 487px;
	float: right;
}
.left-holder {
	width: 487px;
	margin-right: 5px;
	float: left;
}

#maincolumn .right-holder {
	width: 375px;
}
#maincolumn .left-holder {
	width: 375px;
}

/************************************************************
Performance_chart.php styles
************************************************************/
TABLE.dbstatus {
    line-height: 18px;
	border: 1px solid #CCC;
    padding: 0;
}
TABLE.dbstatus TD {
    text-align:center;
    font-size: 10px;
    vertical-align: top;
    padding:0;
    margin:0;
    background-color: #EFEFEF;
    vertical-align: top;
}
#content table.dbstatus td.ok {
    background-color: #00ff00;
}
#content table.dbstatus td.warning {
    background-color: #FFE899;
}
#content table.dbstatus td.poor {
    background-color: #FF3300;
}
#content table.dbstatus td.maint {
	background: url(../img/leg_maint.gif) repeat-x 0 bottom;
}
#content table.dbstatus a.maint {
	background: none;
}
TABLE.dbstatus TD.dbdate {
    font-size: 12px;
    font-weight:bold;
    background-color: #999;
    color:#FFF;
}
TABLE.dbstatus TD.ruleslot {
    text-align:left;
    font-size: 11px;
    font-weight:bold;
    background-color:#999;
    padding-left:4px;
    padding-right:4px;
}
TABLE.dbstatus td.dbtime {
    font-size:10px;
    background-color: #FFF;
    padding: 1px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
}
TABLE.dbstatus TD.dbrule {
    text-align:left;
    font-size: 10px;
    white-space: nowrap;
    background-color: #FFF;
    padding-right:4px;
}
#content a.dbstat:link,#container-wide a.dbstat:link, #content a.dbstat:visited , #container-wide a.dbstat:visited {
    background-color:#00FF00;
    display:block;
    width: 100%;
    height:18px;
    text-decoration: none;
    color: #FF9;
}
#content a.ok:link,#container-wide a.ok:link, #content a.ok:visited, #container-wide a.ok:visited {
    background-color:#00FF00;
    display:block;
    width: auto;
    height:auto;
    text-decoration: none;
}
#content a.poor:link,#container-wide a.poor:link, #content a.poor:visited, #container-wide a.poor:visited {
    background-color:#FF3300;
    display:block;
    width: auto;
    height:100%;
    text-decoration: none;
}
#content a.warning:link,#container-wide a.warning:link, #content a.warning:visited, #container-wide a.warning:visited {
    background-color:#FFE899;
    display:block;
    width: auto;
    height:auto;
    text-decoration: none;
}
#content a.dbstat:hover, #content a.ok:hover, #content a.poor:hover, #content a.warning:hover, #container-wide a.dbstat:hover, #container-wide a.ok:hover, #container-wide a.poor:hover, #container-wide a.warning:hover {
/*    background-color:#BBB;*/
    text-decoration: none;
    display:block;
    color:inherit;
}
.led, a.led:hover {
    display:block;
    text-decoration: none
}
.l90 {
    background-image:url(../img/90fld.gif);
}
.l70, .l80 {
    background-image:url(../img/70fld.gif);
}
.l50, .l60 {
    background-image:url(../img/50fld.gif);
}
.l30, .l40 {
    background-image:url(../img/30fld.gif);
}
.l10, .l20 {
    background-image:url(../img/10fld.gif);
}
.l0 {
    background-image:url(../img/0fld.gif);
}
.l90, .l80, .l70, .l60, .l50, .l40, .l30, .l20, .l10, .l0 {
    background-repeat: no-repeat;
}
TABLE.dbstatus #rulename {
    display:inline;
}
TABLE.dbstatus #rulename a {
    display:inline;
    font-size: 10px;
    color: #6F6F6F;
    background-color: inherit;
    text-decoration: none;
}
TABLE.dbstatus #rulename a:hover {
    color: #989898;
    background-color: inherit;
}

#rightcolumn .rulename, #content .rulename, #container-wide .rulename {
    display:inline;
}
#rightcolumn .rulename a, #content .rulename a, #container-wide .rulename a {
    display:inline;
    font-size: 10px;
    color: #6F6F6F;
    background-color: inherit;
    text-decoration: none;
}
#rightcolumn .rulename a:hover, #content .rulename a:hover, #container-wide .rulename a:hover {
    color: #989898;
    background-color: inherit;
    text-decoration: underline;
}
.maint {
	background: url(../img/leg_maint.gif) repeat-x 0 bottom;
}

.legend_box {
    width:26px;
    height:16px;
    border:1px solid #CCCCCC;
}

#content table.dbstatus td.perfTableHelper {
	background-color: #b2b2b2;
}

#content table.dbstatus td.perfTableHelper a.dbstat:link,
#content table.dbstatus td.perfTableHelper a.dbstat:visited,
#container-wide table.dbstatus td.perfTableHelper a.dbstat:link,
#container-wide table.dbstatus td.perfTableHelper a.dbstat:visited {
	background-color: #00be00;
}
#content table.dbstatus td.perfTableHelper.ok,
#content table.dbstatus td.perfTableHelper a.dbstat.ok:link,
#content table.dbstatus td.perfTableHelper a.dbstat.ok:visited,
#container-wide table.dbstatus td.perfTableHelper.ok,
#container-wide table.dbstatus td.perfTableHelper a.dbstat.ok:link,
#container-wide table.dbstatus td.perfTableHelper a.dbstat.ok:visited {
	background-color: #00be00;
}

#content table.dbstatus td.perfTableHelper.poor,
#content table.dbstatus td.perfTableHelper a.dbstat.poor:link,
#content table.dbstatus td.perfTableHelper a.dbstat.poor:visited,
#container-wide table.dbstatus td.perfTableHelper a.dbstat.poor:link,
#container-wide table.dbstatus td.perfTableHelper a.dbstat.poor:visited {
	background-color: #be2600;
}

#content table.dbstatus td.perfTableHelper.warning,
#content table.dbstatus td.perfTableHelper a.dbstat.warning:link,
#content table.dbstatus td.perfTableHelper a.dbstat.warning:visited,
#container-wide table.dbstatus td.perfTableHelper a.dbstat.warning:link,
#container-wide table.dbstatus td.perfTableHelper a.dbstat.warning:visited {
	background-color: #bead72;
}

#content table.dbstatus td.perfTableBold, #content table.dbstatus td.perfTableBold a {
	font-weight: bold;
	color: black;
}

/************************************************************
End of performance_chart.php styles
************************************************************/
/************************************************************
Rightcontent tabbed navigation
************************************************************/

.tabsholder {
    margin-bottom: 15px;
    width: 100%;
    height: 26px;
    background: url(../img/1pixel.gif) repeat-x left bottom;
}
ul.tabs li {
    float: left;
}
ul.tabs li a {
    display: block;
    line-height: 23px;
    height: 24px;
    text-decoration: none;
    background: #EEE;
    margin-right: 4px;
    color: #666;
    font-weight: bold;
    font-size: 12px;
	padding: 0 6px;
	border: 1px solid #CCC;
    float: left;
}
ul.tabs li.switch {
	float: right;
}
ul.tabs li.switch a {
	background: #4E4E4E url(../img/dashboard-switch-icon.gif) no-repeat 8px 9px;
    color: #FFFFFF;
    line-height: 16px;
    text-decoration: underline;
    font-size: 13px;
    text-decoration: none;
    padding: 4px 8px 5px 20px;
    font-weight: bold;
    display: block;
    height: 16px;
    top: 0;
    right: 0;
	border: 0;
	margin-right:0px;
}
ul.tabs li.switch a:hover {
	background: #4E4E4E url(../img/dashboard-switch-icon.gif) no-repeat 8px 9px;
	color: #FFFFFF;
	text-decoration: underline;
}
ul.tabs li a:hover  {
    background: #FFF;
    color: #F90;
}
ul.tabs li a.current {
    background: #FFF;
    border-bottom-color: #FFF;
}

#tabcontent {
    clear: both;    
}

#tabcontent.dotted {
	background:transparent url(../img/dotted-line.gif) repeat-x scroll left top;
	border-top-style: none;
}
#maincolumn #tabcontent p {
	margin: 0 0 10px;
}

#quickfaqblock a {
    background-color: inherit;
    text-decoration: underline;
}
#rightcolumn a:hover, #fullcontent a:hover, #container-wide a:hover, #quickfaqblock a:hover {
    text-decoration: none;
    background-color: inherit;
    background-image: none;
}

.quickfaqwide-head {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    height: 28px;
    line-height: 28px;
    margin-top: 10px;
    padding-left: 8px;
    position: relative;
    color: #FFFFFF;
    background-color: #ccc;
    font-weight: bold;
}

#maincolumn .quickfaqwide-head a {
    color: #333333;
    background-color: inherit;
    border-bottom-width: 0;
    border-bottom-color: #CCCCCC;
    font-weight: bold;
    text-decoration: underline;
}
#maincolumn .quickfaqwide-head a:hover {
    color: #666666;
    background-color: inherit;
    text-decoration: none;
}
.quickfaqwide-body {
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    background: #FFF no-repeat left bottom;
    border: 1px solid #CCCCCC;
}
.quickfaqwide-question {
    text-align: left;
    font-size: 16px;
    background-color: #F5F5F5;
    padding: 8px;
    height: 25px;
}
.quickfaqwide-answer {
    text-align: left;
    padding: 8px;
    line-height: 16px;
}
.quickfaqwide-answer ul {
    margin-top: 8px;
    margin-bottom: 8px;
}
.quickfaqwide-answer ul li {
    background-repeat: no-repeat;
    background-position: left 3px;
    margin-left:2em;
}

.back, .forward {
    position: absolute;
    top: 7px;
    right: 32px;
}
.forward {
    right: 10px;
}

/* Sweet titles*/
div#toolTip {
	position:absolute;
	display:none;
	z-index:10000;
	background:#f5f5f5;
	border:1px double #444;
	text-align:left;
	padding:5px;
	min-height:1em;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	color: inherit;
}
div#toolTip p {
	margin:0;
	padding:0;
	color:#000000;
	font:11px/12px verdana,arial,sans-serif;
	background-color: inherit;
}
div#toolTip p em {
	display:block;
	margin-top:3px;
	color:#0066CC;
	background-color: inherit;
	font-style:normal;
	font-weight:bold;
}
div#toolTip p em span {
	font-weight:bold;
	background-color: inherit;
	color:#fff;
}

.quick-tip {
	padding: 12px 16px;
	background: #fff78e;
	border: 0;
}

.quick-tip h3 {
	margin-bottom: 6px;
	color: #464646;
	font-size: 13px;
}

.quick-tip p {
	color: #727272;
}

#ipv6promo {
	padding:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-color:#FFFFCC;
	border:1px solid #FFCC05;
	color:#666;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
}

.radius, .quick-tip {
	border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	/* useful if you don't want a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.rounded-container{
	padding: 5px;
}
.rounded-container-top{
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
}
.rounded-container-bottom{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}
.rounded-container-all{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.solid-border {
	border-width: 1px;
	border-style: solid;
}
.solid-border-top {
	border-top-width: 1px;
	border-top-style: solid;
}
.solid-border-bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.solid-border-left {
	border-left-width: 1px;
	border-left-style: solid;
}
.solid-border-right {
	border-right-width: 1px;
	border-right-style: solid;
}

.border-color-light-grey {
	border-color: #DCDCDC;
}
.border-color-medium-grey {
	border-color: #CCCCCC;
}
.border-color-dark-grey {
	border-color: #444444;
}

#rss-island a, #twitter-island a {
	font-weight:bold;
	text-decoration:none;
}
#rss-island a:hover, #twitter-island a:hover {
    text-decoration:underline;
}

.table-8 td, .table-8 th  {
    padding: 3px;
}

.table-9 td, .table-9 th  {
	padding: 0 1px;
}

ul.questionlist {
    margin-bottom: 10px;
    line-height: 18px;
}
ul.questionlist li {
    background: url(../img/questionmark.png) no-repeat left 4px;
    padding-left: 20px;
    margin-top: 3px;
    margin-bottom: 5px;
}
ul.questionlist li a{
    color: #333333;
    text-decoration: underline;
}
ul.questionlist li a:hover{
    text-decoration: none;
}

.date {
    background-color: #999999;
    text-align: center;
    float: left;
    width:20px;
    margin-bottom: 8px;
	padding: 4px 4px 2px;
}
.day {
    background-color: inherit;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 2px;
}
.month {
    background-color: inherit;
    color: #FFFFFF;
}

.sidebar_news_item_text {
    margin-left: 35px;
}
.sidebar_news_item {
    color: #333;
    background-color: inherit;
    font-size: 12px;
    line-height: 12px;
    padding: 0 2px 12px;
}

.marginRight{
    margin-right: 10px;
}
.marginLeft{
    margin-left: 10px;
}

.sbBox p{
    margin-right: 5px;
}

.error-text, .error-text a{
    color: #C00;
}
.warning-text, .warning-text a{
    color: #DD8400;
}
.inform-text, .inform-text a{
    color: #4188C8;
}

.head-message {
    position: absolute;
    left: 385px;
    top: 62px;
    color: #EEE;
    font-size: 12px;
    font-weight: bold;
    width: 370px;
    text-align: center;
    white-space: normal;
}

.bold {
    font-weight: bold;
}
.italic {
	font-style:italic;
}

.orange-bg {
    background-color: #FFA412;
    color: #000;
}
.green-bg {
    background-color: #17D910;
    color: inherit;
}
.red-bg {
    background-color: #CC0000;
    color: inherit;
}
.grey-bg {
    background-color: #999;
    color: #FFF;
    font-weight: bold;
}
.white-bg {
    background-color: #FFF;
    color: #000;
}
.white-txt {
    color: #FFF;
    background-color: inherit;
    font-weight: bold;
}
.grey {
    background-color: inherit;
    color: #555;
    margin-right: 2px;
}
.light-grey {
	background-color: inherit;
    color: #999;
}

.small {
    font-weight: normal;
    font-size: 0.8em;
}

.help-cursor:hover{
    cursor:help;
}

.hovertrans{
    opacity:.50;
    filter: alpha(opacity=50);
    zoom:1;
}
.hovertrans:hover{
    opacity:1;
    filter: alpha(opacity=100);
    zoom:1;
}

#current-time p a {
    text-decoration:none;
    text-align: center;
}
#current-time p a:hover {
    text-decoration:underline;
    text-align: center;
}
#current-time p {
    text-align: center;
}

.bottom {
    vertical-align: bottom;
}

.mark-hover:hover, .marked, .highlight, .highlight-simple {
    background-color: #e0e0e0;
}

/************************************************************
Highlight the column (See icon-legend-table.htm for the code)
************************************************************/
.highlight {
    font-weight: bold;
}

div#fancy_inner { text-decoration: none; }
div#fancy_ajax h1 {
    font-size: 30px;
    font-weight: bold;
    color: #BCBCBC;
    margin-bottom: 5px;
}
div#fancy_ajax h2 {
	color: #ccc;
    background: url(../img/dotted-line.gif) repeat-x left bottom;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: normal;
}
div#fancy_ajax p {
    margin-bottom: 10px;
}

#content-wide {
    margin: auto;
    width: auto;
    overflow: auto;
	padding: 15px 0 30px;
	margin: 0 30px;
    position: relative;
}

.prod-desc {
    color: #AAA;
    background-color: inherit;
    font-size: 10.3px;
}
.prod-desc:hover {
    color: #555;
    background-color: inherit;
}
ul#dashboard-menu {
    width: 185px;
    top: 25px;
    background: #4E4E4E;
    right: 0;
    position: absolute;
	z-index:29;
}
ul#dashboard-menu li a {
    color: #FFF;
    font-size: 12px;
    display: block;
    text-decoration: none;
    background: url(../img/bg-dashboard-list.png) repeat-x left top;
    line-height: 26px;
    height: 26px;
    padding-left: 8px;
}
ul#dashboard-menu li a:hover {
    color: #FDCD2A;
    background: #2F2F2F;
}
ul#dashboard-menu li a.selected {
    color: #FDCD2A;
}
#datenav a,#datenav input  {
    text-decoration: none;
    color:#333333;
    background-color: inherit;
}

.light-green-bg {
    background-color: #EEFBFB;
}

.light-orange-bg {
    background-color: #FEF3D5;
}

.light-red-bg {
    background-color: #FFF0F0;
}

.relative-position {
    position:relative;
    height: 25px;
    float: right;
}

#datenav {
    text-align:center;
    margin: 4px;
}
#datenav a:hover {
    color:#999;
}

.font-big{
    font-size: 18px;
}
.inline{
    display:inline;
}

ul#dashboard-menu-hp {
    background: #4E4E4E;
    margin-bottom: 15px;
}
ul#dashboard-menu-hp li a {
    font-weight: normal;
    color: #FFF;
    display: block;
    text-decoration: none;
    padding-left: 8px;
}
ul#dashboard-menu-hp li {
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
    background: url(../img/bg-dashboard-list.png) repeat-x left top;
    line-height: 26px;
    height: 26px;
    font-weight: bold;
    display: block;
}
ul#dashboard-menu-hp li a:hover {
    color: #FDCD2A;
    background: #2F2F2F;
}
ul#dashboard-menu-hp li a.selected {
    color: #FDCD2A;
}
ul#dashboard-menu-hp li h3 {
    padding-left: 8px;
    font-size: 14px;
}

.divider-features {
    background: url(../img/dottedLine.gif) repeat-x;
    height: 1px;
    clear: both;
	margin: 15px 0 12px;
    width: 317px;
}

.big-thumb {
    background: #E3E3E3;
    padding: 4px;
	margin: 6px 0 15px;
    float: left;
}
.big-thumb img
{
    border:1px solid #FFF;
}
.big-thumb a img:hover {
    border:1px solid #9E9E9E;
}

table.compare {
    margin-bottom: 20px;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #C0C0C0;
}
table.compare td {
    padding: 7px 4px;
}
table.compare tr:hover {
	background: #e0e0e0;
}
table.compare .head {
    background: #999 url(../img/bg-head-compare.png) repeat-x left bottom;
    font-weight: bold;
}
table.compare .head:hover {
    background: #999 url(../img/bg-head-compare.png) repeat-x left bottom;
}
table.compare .head td {
    padding-top: 8px;
    padding-bottom: 8px;
}
table.compare .left-border {
    border-left: 1px solid #C0C0C0;
}
table.compare .odd {
    background: #F3F3F3;
}
#content table.compare .highlight {
    font-weight: bold;
    background: #e0e0e0;
}
table.compare .footer {
    color: #999;
    font-size: 12px;
}
.round_ul_container ul li{
	background: url(../img/bullit-round.png) no-repeat left 5px;
	padding-left: 14px;
	margin: 2px 0;
}
.square_ul_container ul li{
	background: url(../img/bullit-square.png) no-repeat left 4px;
	padding-left: 14px;
	margin: 2px 0;
}

/* ! wm depreceated class */
.checlist_ul_container ul li{
	background: url(../img/icon-checklist.gif) no-repeat left 3px;
	padding-left: 20px;
	margin: 2px 0;
}
.round_ul_container ul, .square_ul_container ul, .checlist_ul_container ul{
	margin-bottom: 10px;
	line-height: 16px;
}

span.tag {
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-weight:normal;
    color:#245595;
    background-color:#dee7f8;
    font-size:11px;
    text-decoration: none;
    border: 1px solid #95C1EC;
    padding: 1px 9px 2px;
	opacity: 0.5;
    filter: alpha(opacity=50);
	zoom:1;
}
span.tag:hover {
	text-decoration:none;
    background-color:#cbdbf8;
	opacity:1;
    filter: alpha(opacity=100);
	zoom:1;
}
span.tagged {
    opacity:1;
    filter: alpha(opacity=100);
	zoom:1;
}
span.tag input {
    display: none;
}
#newtagftags {
	margin:4px;
	text-align:left;
}
table.hover-marked-tr tr:hover, .hover-marked:hover {
    background: #e0e0e0;
}

table.hover-marked-tr .head:hover {
    background: inherit;
}
.middle {
	vertical-align:middle;
}
.red {
	color:#DE150E;
	background-color: inherit;
}
.green {
	color:#17D910;
	background-color: inherit;
}
.dark-green {
	color:#7BB963;
	background-color: inherit;
}
.orange {
	color:#FFB700;
	background-color: inherit;
}
.dark-orange {
	color:#F60;
	background-color: inherit;
}
#trial-status {
	background: #FFF url(../img/bg-gradient-banana.png) repeat-x left bottom;
	border: 1px solid #DCDCDC;
	margin-bottom: 15px;
	padding: 8px 20px 8px 10px;
}
#trial-status.status-page {
	margin-bottom: 0;
	border: 0 solid #DCDCDC;
}
#trial-status h2 {
	font-weight: bold;
	color: #333;
	letter-spacing: -1px;
}
#trial-status ul {
	margin: 6px 0 0 10px;
}
#trial-status a {
	color: #2200CC;
}
#trial-status ul li {
	background:transparent url(../img/icon-checklist.gif) no-repeat scroll left 3px;
	margin: 3px 0;
	padding-left:20px;

}
#nkey_refresh {
	display:none;
}
.instaedit td {
    border: 0;
    margin: 0;
    padding: 0;
}

.no-deco {
	text-decoration: none;
}

/************************************************************
Site pagination
************************************************************/
#pagination {
	display: inline-block;
	vertical-align: middle;
}

#pagination .note {
	margin-left: 10px;
	color: #7F7F7F;
}

/************************************************************
Testing styles
************************************************************/
.topMargin30 {
	margin-top: 30px;
}
h1.dark {
	color: #333;
}
.snapshot-div {
	background-position: center center;
	position: relative;
}
.snapshot-time-overlay {
	position: absolute;
	height: 20px;
	width: 112px;
	background: url(../img/bg-screen-overlay.png);
	color: #FFF;
	left: 0;
	bottom: 0;
	padding-left: 20px;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
}

/************************************************************
New features homepage logged out
************************************************************/
ul.features {list-style: none}
ul.features li{
	float: left;
	height: 42px;
	position: relative;
	width: 330px;
	margin: 0 8px 8px 0;
	border: 1px solid #DCDCDC;
	background: url(../img/feature-icons.png) no-repeat 0 0;
}
ul.features li:hover {
	border-color: #B9B9B9;
	-webkit-transition-property: -webkit-box-shadow, color;
	-webkit-transition-duration: 0.25s;
	-moz-box-shadow: 0 0 8px #C4C4C4;
	-webkit-box-shadow: 0 0 8px #C4C4C4;
}
ul.features .img {
	float:left;
	width:65px;
	height:70px;
	margin-right: 15px;
	display:block;
	background: url(../img/feature-icons.png) no-repeat 6px 0;
}

ul.features>li { /* Opera - Mozilla */
	display:table;
	position:static;
}
ul.features li { /* IE */
	width:330px; /* same as #nav li */
	/* height:100%; */
	height: 70px;
	position:relative;
}
ul.features li a { /* IE */
	position:absolute;
	top:50%;
	width: 245px; /* #nav li width - #nav .img width */
	padding-right: 15px;
	padding-left: 80px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
ul.features li:hover a, ul.features li a:hover {
	text-decoration: underline;
	color: #2200CC;
}
ul.features li>a { /* Opera - Mozilla */
	display:table-cell;
	vertical-align:middle;
	position:static;
	!position:inherit; /* only for IE7 */
	width: 245px; /* #nav li width - #nav .img width */
}
ul.features li span {
	position:relative;
	!top:-50%;
}
ul.features li.feature-multistep { background-position: 7px -3px; }
ul.features li.feature-multistep:hover { background-position: 7px -82px; }
ul.features li.feature-psp { background-position: 6px -461px; }
ul.features li.feature-psp:hover { background-position: 6px -547px; }
ul.features li.feature-cloudmonitoring { background-position: 6px -158px; }
ul.features li.feature-cloudmonitoring:hover { background-position: 6px -228px; }
ul.features li.feature-reporting { background-position: 3px -630px; }
ul.features li.feature-reporting:hover { background-position: 3px -700px; }
ul.features li.feature-rbm { background-position: 6px -303px; }
ul.features li.feature-rbm:hover { background-position: 6px -379px; }
ul.features li.feature-rbtm { background-position: 7px -909px; }
ul.features li.feature-rbtm:hover { background-position: 7px -985px; }
ul.features li.feature-monitoringstations { background-position: 3px -768px; }
ul.features li.feature-monitoringstations:hover { background-position: 3px -839px; }

p.seemore {
	float: right;
	font-size: 11px;
	margin: 4px 12px 0 0;
}

/* Sidebar Slider */
#trusted-by-slider ul, #trusted-by-slider li, #seen-at-slider ul, #seen-at-slider li {
	margin:0;
	padding:0;
	list-style:none;
}
#trusted-by-slider li, #seen-at-slider li {
	width:257px;
	height:68px;
	overflow:hidden;
}
div#trusted-by-slider {
	margin-bottom: 15px;
}
.trusted-by-1, .trusted-by-2, .trusted-by-3, .trusted-by-4, .seen-on-1, .seen-on-2, .seen-on-3, .seen-on-4 {
	background: url(../img/sidebarlogos.png) no-repeat 0 0;
	text-indent: -32697px;
}
.trusted-by-2 { background-position: 0 -68px; }
.trusted-by-3 { background-position: 0 -136px; }
.trusted-by-4 { background-position: 0 -204px; }
.seen-on-1 { background-position: 0 -272px; }
.seen-on-2 { background-position: 0 -340px; }
.seen-on-3 { background-position: 0 -408px; }
.seen-on-4 { background-position: 0 -476px; }

.metrics-div {
    position:relative;
    margin: -10px 0 0 30px;
    width:330px;
}
.scale-div {
   position:absolute;
   width:330px;
   margin-top:-16px;
}

ul.ruleusage {
	list-style: circle;
}
ul.ruleusage li {
	margin-left:20px;
}

/************************************************************
Styles that applied to CMS pages
************************************************************/
.cms-pages pre {
    font-size:10px;
    border: 1px dotted #ccc;
    padding:4px;
    margin: 10px 0 10px 30px;
    width: 600px;
}

.cms-pages .table-6 p {
  margin-top:10px;
  margin-bottom:10px;
}

.cms-pages .table-6 h4 {
	margin-bottom: 8px;
	text-decoration: underline;
}

.cms-pages .table-6 ul {
	margin: 0 18px 10px;
	line-height: 18px;
}

.cms-pages .table-6 ul li {
	background: url(../img/bullit-square.png) no-repeat left 7px;
	padding-left: 18px;
	margin-top: 4px;
	margin-bottom: 4px;
}


/* =========== */
/* ! PORTLET   */
/* =========== */

.portlet {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	display: block;
	width: 300px;
	margin: 0 auto;
	background-color: #FFF;
	border: 1px solid #C8C9CA;
	padding: 3px;
	text-align: left;
}

.portlet-content {
	padding: 12px 10px 10px;
	display: inline-block;
}

.portlet-topper {
	position: relative;
	background: #D4D4D4 url(../img/header_bg.png) repeat-x 0 0;
	border: 1px solid;
	border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
	font-size: 1.1em;
	box-shadow: 1px 1px 0 #FFF;
		-moz-box-shadow: 1px 1px 0 #FFF;
		-webkit-box-shadow: 1px 1px 0 #FFF;
}

.portlet-title {
	display: block;
	font-size: 1em;
	margin: 0;
	color: #222;
	float: none;
	font-weight: bold;
	min-width: 50%;
	padding: 2px;
	text-shadow: 1px 1px #FFF;
}

.portlet-title img.icon {
	vertical-align: top;
    height: 16px;
    width: 16px;
    margin-right: 3px;
}

.portlet-title img.login {
	background: url(../img/icon_login.png) no-repeat 0 0;
}

.portlet, .portlet-topper {
	border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
}

.portlet-content input, .portlet-content label {
	float: left;
	clear: left;
}

.portlet-content label {
	font-weight: bold;
}

.portlet #login-form form {
	width: 190px;
}

.portlet #login-form #loginBtn {
	margin: 0;
}

.portlet #login-form a.login {
	float: right;
	padding-top: 7px;
}

.portlet #login-form .error {
    border: 1px solid #CC0000;
    float: left;
    margin-bottom: 7px;
    padding: 3px 7px 2px;
    text-shadow: 1px 1px 0 #FFFFFF;
}

/* ie6 fix */
#ie6 .portlet-topper {
	zoom: 1;
}

.border-color-blue {
	border-color: #0066CC;
}

.thick-border {
	border-width: 3px;
	border-style: solid;
}

#perf_chart_content table.dbstatus td.dbtime {
	cursor: default;
}

.signUpForm {
	border: 1px solid #CCCCCC;
}

.signUpForm > h1 {
	background: #EAEEF4;
	margin: 0px;
	padding: 20px 20px 0px 20px;
}

.signUpForm > table {
	background: #EAEEF4;
	margin: 0px;
	padding: 0px;
	width: 438px;
	table-layout: fixed;
}

.signUpForm > table .signUpName {
	padding-left: 15px;
	word-wrap: break-word
}

.signUpForm > table .signUpName:last-child {
	padding-top: 20px;
}

.signUpForm > table .inputfield {
	width: 250px;
}

.signUpForm > table td.terms .inputfield {
	width: auto;
}

.signUpForm > table .signUpValue {
	width: 280px;
	text-align: justify;
	text-align-last: justify;
}

.signUpValue:after {
	content: "";
	display: inline-block;
	width: 100%;
}

.signUpForm > table .signUpValue.right {
	text-align: right;
}

.signUpForm  .reg-buttons-container {
	text-align: right;
	background-color: #C5DDF5;
    height: 45px;
    min-height: 45px;
    padding: 10px 30px 10px 10px;
}

.signUpForm  .reg-buttons-container input {
	padding-left: 50px;
	padding-right: 50px;
}

.signUpForm > table td.terms {
	text-align: left;
}

.signUpForm #form_error_row {
	margin: 0px 20px;
}

.signUpForm tr.fieldNote {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	line-height: 10px;
}

.signUpForm tr.fieldNote td {
	padding: 0px 0px 10px 20px;
	margin: 0px 0px 0px 0px;
	line-height: 10px;
	text-align: left;
}

.trialChecklist {
	color: grey;
}

.trialChecklist .blue {
	color: #333333;
}

.watermark-active
{
	color: #CCCCCC;
}

.darkblue {
	color: #0066CC;
}

.getting-started,
.island-bold-header,
.ww-dialog_container .ui-widget-header {
	background-color: #C5DDF5;
	padding: 5px;
	height: 18px;
}
.getting-started h3,
.island-bold-header h3 {
	display: inline;
}

.island-content {
    margin: 10px;
}

.island-content p {
    margin: 10px 20px;
    text-align: center;
}

.top-label-inputs {
	float: left;
	margin-right: 10px;
}
.top-label-inputs label,
.top-label-inputs input,
.top-label-inputs select {
	display: block;
}
.top-label-inputs label {
	margin-bottom: 4px;
}

/* Tiny Carousel */
#slider1 .viewport {
	float: left; 
	width: 422px; 
	height: 100px; 
	overflow: hidden; 
	position: relative; 
}
#slider1 .buttons {
    margin: 36px 5px 5px 5px;
    float: left;
}
#slider1 .overview { 
	list-style: none; 
	position: absolute; 
	padding: 0; 
	margin: 0; 
	width: 422px; 
	left: 0; 
	top: 0;
}
#slider1 .overview li{
	float: left;
	margin: 0 20px 0 0;
	padding: 20px 5px 5px 5px; 
	width: 410px;
	text-align: center;
}
/* Tiny Carousel end */

/*** Welcome Wizard Styling***/
.ww-dialog_container.ui-dialog {
	background: #EAEEF4;
	padding: 0;
}
.ww-dialog_container .ui-widget-header {
	border-width: 0 0 1px 0;
}
#ww-page {
	margin: 0 6% 5%;
	padding-bottom: 6%;
	min-height: 92%;
	position: relative;
}
#ww-page p {
	margin-top: 1em;
	line-height: 150%;
	min-height: 27px;
}
#ww-page li {
 	background: url(../img/tick_2.png) no-repeat;
 	background-position: 0px 3px;
 	padding-left: 40px;
}
#ww-page .table-simple td {
	background: #FFF;
}
#ww-page .nav {
	position: absolute;
	right: 0;
	bottom: 0;
}

/*** Plans ***/
.plans {
	border-collapse: separate;
	border-spacing: 12px 0px;
}

.plans th {
	background-color: #C5DDF5;
	padding: 5px 10px;
 	border-top: 1px solid #cccccc;
 	border-left: 1px solid #cccccc;
 	border-right: 1px solid #cccccc;
}

 .plans th:first-child {
 	background-color: white;
 	border: 0;
 }
 
.plans td {
	text-align: center;
	background-color: #eaeef4;
	padding: 3px 5px;
 	margin-right: 10px;
 	border-left: 1px solid #cccccc;
 	border-right: 1px solid #cccccc;
}
.plans td div {
	border-bottom: 1px dotted #cccccc;
}

 .plans td:first-child {
 	background-color: white;
 	text-align: right;
 	padding: 0px;
 	border: 0;
 }
 
.plans .table-bottom {
 	border-bottom: 1px solid #cccccc;
 }

.plans .table-bottom div{
 	border: 0;
}


.plans h3 {
	background-color: #C5DDF5;
	padding: 10px 60px 10px 10px;
	margin-top: 10px;
	margin-right: -12px;
}
.plans-trial {
	border-collapse: separate;
	border-spacing: 12px 0px;
}

.plans-trial th {
	background-color: #C5DDF5;
	padding: 5px 10px;
 	border-top: 1px solid #cccccc;
 	border-left: 1px solid #cccccc;
 	border-right: 1px solid #cccccc;
}

.plans-trial th:first-child {
 	background-color: white;
 	border: 0;
 }
.plans-trial th:last-child {
  	border-top: 2px solid #0066CC;
 	border-left: 2px solid #0066CC;
 	border-right: 2px solid #0066CC;
 }

 
.plans-trial td {
	text-align: center;
	background-color: #eaeef4;
	padding: 3px 5px;
 	margin-right: 10px;
 	border-left: 1px solid #cccccc;
 	border-right: 1px solid #cccccc;
}
.plans-trial td div {
	border-bottom: 1px dotted #cccccc;
}

.plans-trial td:first-child {
 	background-color: white;
 	text-align: right;
 	padding: 0px;
 	border: 0;
 }
 
.plans-trial td:last-child {
 	border-left: 2px solid #0066CC;
 	border-right: 2px solid #0066CC;
 }
 
.plans-trial .table-bottom {
 	border-bottom: 1px solid #cccccc;
 }

.plans-trial .table-bottom div{
 	border: 0;
}

.plans-trial .table-bottom:last-child {
 	border-bottom: 0;
}
.plans-trial .table-bottom:last-child div {
 	border-bottom: 1px dotted #ccc;
}

.plans-trial tr:last-child td:last-child {
	border-bottom: 2px solid #0066CC;	
}
 
.plans-trial h3 {
	background-color: #C5DDF5;
	padding: 10px 60px 10px 10px;
	margin-top: 10px;
	margin-right: -12px;
}
#signup-cell {
	padding: 10px 0 0 0;
}
#signup-cell input {
	width: 100%;
}
#signup-cell div {
	background-color: #C5DDF5;
	padding: 6px 10px 5px 10px;
}

.form-element-full-width {
    width : 100%;
    margin: 0;

    -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
       -moz-box-sizing: border-box; /* For all Gecko based browsers */
            box-sizing: border-box;
}

textarea.noresize {
	resize: none; 
}

tr.monitorTableHighlight {
    background-color: whitesmoke !important;
    border: 5px black !important;
}


.dataTables_length, .dataTables_filter, .dataTables_paginate, .dataTables_info  {
	margin: 4px;
}


table.dataTable.order-column.stripe tbody tr.odd > td.medium-grey-bg,
table.dataTable.order-column.stripe tbody tr.even > td.medium-grey-bg {
	background-color: #e2e2e2;
}

table.dataTable.hover tbody tr.odd:hover > td.medium-grey-bg,
table.dataTable.hover tbody tr.even:hover > td.medium-grey-bg,
table.dataTable.hover tfoot tr:hover > th.medium-grey-bg {
	background-color: #c5ddf5;
}



/**
 * Monitors table
 */
table#monitors_table {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12px;
  line-height: 20px;
  border: 0px none;
}
table#monitors_table thead th,
table#monitors_table tfoot th {
  font-weight: bold;
}
table#monitors_table thead th,
table#monitors_table thead td {
  padding: 4px 17px 4px 4px;
}
table#monitors_table thead th:active,
table#monitors_table thead td:active {
  outline: none;
}
table#monitors_table tfoot th,
table#monitors_table tfoot td {
  padding: 4px;
}
table#monitors_table tfoot select {
    padding: 0px;
}
table#monitors_table tbody tr {
  background-color: #ffffff;
}
table#monitors_table tbody th,
table#monitors_table tbody td {
  padding: 4px;
}
table#monitors_table.hover tbody tr:hover {
  background-color: whitesmoke;
}
table#monitors_table.nowrap th, table#monitors_table.nowrap td {
  white-space: nowrap;
}

table#monitors_table,
table#monitors_table th,
table#monitors_table td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

table#monitors_table tbody tr.odd
{
    background-color: #f3f3f3;
}
table#monitors_table tbody tr.even
{
    background-color: #ffffff;
}
table#monitors_table tbody tr:hover,
table#monitors_table tbody tr:hover td.filter_highlight
{
  background-color: #c5ddf5;
}

table#monitors_table thead th
{
    background-color: #eee;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

table#monitors_table tfoot tr:first-child th {
    background-color: #eee;
    border-top: 1px solid #ccc;
    font-weight: bold;
}

table#monitors_table .expandable {
    cursor: pointer;
}

table#monitors_table .narrow {
    width: 1%;
}
table#monitors_table .symbol {
    white-space: nowrap;
    width: 1%;
    padding-left: 2px;
    padding-right: 2px;
}

table#monitors_table tbody tr.filter_visible {
}
table#monitors_table tbody td.filter_highlight {
    background-color: #faf0b3;
}
table#monitors_table tbody tr.filter_visible_parent:not(.filter_visible) td,
table#monitors_table tbody tr.filter_visible_parent:not(.filter_visible) td span
{
    font-style: italic;
    color: #bbb;
}
table#monitors_table tbody tr.filter_visible_parent:not(.filter_visible) img
{
    opacity: 0.4;
    filter: alpha(opacity=40);
}

#folder_expand_all, #folder_collapse_all {
    cursor:pointer;
}

table#monitors_table span.more_tags {
    cursor: pointer;
}

table#monitors_table select {
    font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
table#monitors_table select option.separator {
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    margin-bottom: 6px;
}

table#monitors_table tr.no-monitors td {
    text-align: center;
    font-weight: bold;
    font-style: italic;
    color: #bbb;
}

table#monitors_table tr.monitors td.monitor-link a {
    color: #353535;
}

table#monitors_table tr td.foldername {
    max-width: 400px;
}
table#monitors_table tr td.monitor-link {
    max-width: 400px;
}
table#monitors_table tr td.tags {
    max-width: 125px;
}

div.filter {
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}


#folders {
	margin-bottom: 40px;
}

#folders form {
    display: inline;
}

img.indicator_icon {
	margin-left: 3px;
	vertical-align: middle;
}


table#logs_table div.foldername {
    max-width: 200px;
}

/* centered charts */
div.chartdiv div {
    margin: 0 auto;
}


#rid-select, #gid-select {
    max-width: 240px;
}

/* date picker z-index */
#localized_vfrom {
    position: relative;
    z-index: 5;
}
#localized_vuntil {
    position: relative;
    z-index: 5;
}

/* audit log */
table#audit_log {
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 12px;
    line-height: 20px;
    border: 0px none;
}
table#audit_log thead th,
table#audit_log thead th,
table#audit_log thead td {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding: 4px 17px 4px 4px;
}
table#audit_log tbody th,
table#audit_log tbody td {
    padding: 4px;
    vertical-align: top;
}
table#audit_log tr.odd {
    background-color: #f3f3f3;
}
table#audit_log tr.even {
    background-color: #ffffff;
}

table#audit_log tbody td.note {
    max-width: 400px;
    white-space: pre-line;
}
table#audit_log tbody td.author {
    max-width: 150px;
    white-space: pre-line;
}

table#audit_log.nowrap th, table#audit_log.nowrap td {
    white-space: nowrap;
}

table#audit_log tbody tr:hover,
table#audit_log tbody tr:hover td.filter_highlight
{
  background-color: #c5ddf5;
}

table#audit_log tbody span.object-filter {
    cursor: pointer;
}

table.audit_details {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 12px;
    line-height: 20px;
    border: 0px none;
    text-align: left;
}
table.audit_details th,
table.audit_details th {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding: 4px 17px 4px 4px;
}
table.audit_details td {
    padding: 4px;
}
table.audit_details tr.odd {
    background-color: #f3f3f3;
}
table.audit_details tr.even {
    background-color: #ffffff;
}

table.audit_filter .inputfield {
    width: 80px;
}
table.audit_filter .inputfield:disabled {
    opacity:.40;
    filter: alpha(opacity=40);
}

#button_older,
#button_newer {
    cursor: pointer;
}


.audit-notice {
}
.audit-info {
}
.audit-debug {
}

.audit-user {
}

.audit-rule {
}

.audit-contact {
}

.audit-folder {
}

.audit-report {
}

.audit-station {
}

.audit-api {
}

/* announcements */

#announcements_table tbody td.ann-icons {
	text-align: right;
}

#announcements_table tbody td.ann-icons a {
	text-decoration: none;
}

#ann-preview {
	margin: 0 0 10px;
}

#announcements {
	margin: 0 0 15px;
}

.announcement {
	position: relative;
	min-height: 16px;
	text-align: center;
	padding: 8px 30px 8px 30px;
	color: black;
}

.announcement .dismiss {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px;
}

.announcement.ann-info {
	background: #61c6e5 url("/assets/img/inform.png") 8px no-repeat;
}

.announcement.ann-warning {
	background: #f7922f url("/assets/img/scan_rule_runerror.png") 8px no-repeat;
}

.announcement.ann-alert {
	color: #ffffff;
	background: #db4332  url("/assets/img/icon-errors16.png") 8px no-repeat;
}

table.udr-archive {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 12px;
    line-height: 20px;
    border: 0px none;
    text-align: left;
}
table.udr-archive th,
table.udr-archive th {
    background-color: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding: 4px 17px 4px 4px;
}
table.udr-archive td {
    padding: 4px;
}
table.udr-archive tr.odd {
    background-color: #f3f3f3;
}
table.udr-archive tr.even {
    background-color: #ffffff;
}

table.udr-archive tr.new-date td {
    border-top: 1px solid white;
}

a.udr-archive {
    vertical-align: middle;
}

/* downloads */

#downloads {
	border-collapse: collapse;
}

#downloads h2 {
}

#downloads p {
	margin: 0 0 10px;
}

#downloads td.left-cell {
	padding: 15px;
	vertical-align: top;
	background-color: #eaeef4;
}

#downloads td.right-cell {
	padding: 15px;
	vertical-align: middle;
	background-color: #c5ddf5;
}

table.download_table td:first-child {
	padding-right: 8px;
}

table.download_table td.md5 {
	font-family: Monaco, "Courier New", monospace;
}