/* background:#F9F2E7; border:1px solid #DFBA69; */

/* wrapper class */

#ce_wrapper { font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:auto; width:950px; padding-top:15px;}
#ce_wrapper .logo { border-bottom:5px solid #225D85;}
#ce_wrapper #main { padding:20px 0 0 0; }

/* override html elements */

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

#ce_wrapper a img { border:0; }
#ce_wrapper a { color:#007FC7; }
#ce_wrapper a:hover { text-decoration:none; }

#ce_wrapper #top-navigation{ background:#E8F3F8; border:1px solid #DBE6EC; font-size:13px; font-weight:normal; padding:10px 15px; margin:0 }
#ce_wrapper #top-navigation a { text-decoration:none; }
#ce_wrapper h2 { border-bottom:1px solid #eee; font-size:15px; line-height:18px; padding:10px 0 10px 15px; margin:0; }
#ce_wrapper h3 { font-size:14px; margin:0px; background:0; padding:0; font-weight:bold; }
#ce_wrapper h4 { font-size:13px; margin:0px; margin-top:20px; background:0; padding:0; font-weight:bold; }

#ce_wrapper p { line-height:18px; margin:15px 0 0 0; text-align:justify; padding:0; }
#ce_wrapper p.pagedesc { margin:0 0 20px 0; }

/* nav buttons */

#ce_wrapper ul.nav li { width:32%; margin-bottom:20px; }
#ce_wrapper ul.nav li a { background:#E8F3F8; border:1px solid #DBE6EC; color:#333; display:block; font-size:16px; font-weight:bold; padding:15px 0; text-decoration:none; -moz-border-radius: 5px;-webkit-border-radius: 5px; }
#ce_wrapper ul.nav li a img { margin:-6px 10px; } 
#ce_wrapper ul.nav li.middle { margin-left:2%; }
#ce_wrapper ul.nav a:hover { color:#007FC7; }

/* dashboard */

#ce_wrapper .leftbox { width:66%; }
#ce_wrapper .rightbox { width:32%; }
#ce_wrapper .boxinner { border:1px solid #ddd; -moz-border-radius: 5px;-webkit-border-radius: 5px; }

#ce_wrapper .boxinner .content { padding:15px; }
#ce_wrapper .boxinner table { margin:0; }
#ce_wrapper .leftbox .anndesc { margin-top:2px; color:#666; }
#ce_wrapper .leftbox .viewall { background:#f6f6f6; padding:10px;-moz-border-radius: 5px;-webkit-border-radius: 5px; }
#ce_wrapper .viewall { background:#f6f6f6; padding:10px;-moz-border-radius: 5px;-webkit-border-radius: 5px; }

#ce_wrapper ul.articlelist { margin:2px; margin-bottom:0; }
#ce_wrapper ul.articlelist li { background:#f6f6f6; margin-bottom:2px; padding:7px; }

#productDesc ul, #kbarticle ul { list-style-type:disc; padding-left:20px; padding-top:10px;padding-bottom: 10px;margin-left:20px;}
#productDesc ol, #kbarticle ol { list-style-type: decimal; padding-left:20px; padding-top:10px; padding-bottom: 10px;margin-left:20px;}

/* general CSS dump, will sort later */

.block { padding-bottom:20px; }
.error { background:#ffeded; border:1px solid #D8000C; color:#D8000C; font-weight:bold; padding:10px; text-align:center; margin-bottom:20px; }
.submit { font-size:14px; font-weight:bold; padding:7px; }
.icon { float: left; margin-right: 9px; }
.hidden { display: none; }
.unhidden { display: block; }

textarea { width:99%; }

.hr { background:#eee; height:1px; margin:15px 0; }

/* login block */

#login_block { display:none; position:absolute; border:2px solid #007FC7; background:#fff; width:182px; padding: 5px 15px 15px; top:21px; right:0; z-index: 10;}
#login_block input { padding:2px; width:96%; }
#login_block .login_block_submit { margin-top:9px; width:55px; }

/* Table Style */

.ts, .ts2 { margin-bottom:20px; width:100%; }
.ts td, .ts2 td { padding:8px; }

.ts tr.caption { background:#F7F7F7; font-weight:bold; }
.ts tr.caption td { border-bottom: #EBEBEB 1px solid; border-top: #EBEBEB 1px solid; padding: 5px; vertical-align: middle; }

.ts2 { border-top:1px solid #DBE6EC; }
.ts2 td { border-bottom:1px solid #DBE6EC; }
.ts2 td.label { background:#E8F3F8; text-align:right; font-weight:bold; width:150px; }

.ts2 input, .ts2 textarea, .ts2 select { border:2px solid #ddd; padding:4px; }

/* Announcements */

#announcements {}
#announcements ul.title { margin-bottom:-20px; }
#announcements li.title { border-top:1px solid #ccc; padding:20px 20px 20px 0; margin-right:250px; }
#announcements ul.post {}
#announcements ul.detail { margin:0 0 20px 20px; min-width:250px; }
#announcements li.detail { border-top:1px solid #ccc; padding:10px; color:#444; }

/* notice styles */
.notice {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    background: none repeat scroll 0 0 #FFFFDF;
    margin-bottom: 15px;
    padding: 4px;
}
.notice .inside {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CECF74;
    padding: 10px;
}
.inside {
    overflow: hidden;
    padding: 10px;
    width: auto;
}
.notice-red {
    background: none repeat scroll 0 0 #FFCFCF;
}
.notice-red .inside {
    border-color: #D02323;
}
.notice-green {
    background: none repeat scroll 0 0 #C8DFA7;
}
.notice-green .inside {
    border-color: #60852B;
}
.notice-gray {
    background: none repeat scroll 0 0 #EFEFEF;
}
.notice-gray .inside {
    border-color: #D4D4D4;
}

/*recaptcha stuff */
#recaptcha_response_field{
    border: 2px solid #CDCDCD !important;
    width: 290px !important;
}

.ext-el-mask-msg div{
    background-color: transparent !important;
    border: none;
    color: black;
}

.msg-div-inner {
    background-color: transparent;
    margin-top:6px;
    font: 11px tahoma,arial,helvetica,sans-serif;
}

.msg-div-wrapper, .x-mask-loading {
    font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.4);

    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;

    background: -moz-linear-gradient(270deg, #FCFCFC, orange) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCFC), to(orange));

    border-color: #E9E9E9 #E9E9E9 #F5F5F5;
    border-style: solid;
    border-width: 2px;
    display: block;
    padding: 5px 10px;
    min-height: 25px;
    text-align: center;
    position:fixed !important;
    top: -5px !important;
    z-index:20000;
    margin-left:-200px;
    left:50% !important;
    width: 250px;
}

/* Interior Tabs */

#ce_wrapper ul.tabs {
margin-bottom:20px; 
height:29px;
list-style:none outside none;
margin:10px 0 20px;
padding:0;
}
#ce_wrapper ul.tabs li, #ce_wrapper ul.tabs li a { display:block; float:left; }
#ce_wrapper ul.tabs li a {
    margin-right: 2px;
    border: 1px solid #d4d4d4;
    padding: 5px 10px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    background: #fff url('../images/container-header-bg.gif') repeat-x 0 bottom;
    text-decoration: none;
    color: #666;
}
#ce_wrapper ul.tabs li a:hover { color: #007FC7; }
#ce_wrapper ul.tabs li.active a { background:#fff; border-bottom-color:#fff; color:#333; }
#ce_wrapper ul.tabs .bottom { background:#d4d4d4; bottom:1px; height:1px; position:relative; z-index:-1; }

/* Knowledgebase */

span.views { color: #949494; }

.categories_wrap { clear: left;border:1px solid #ddd; float: left ;margin-top:2.3%; width: 48.7%; }
.categories_wrap-second { border:1px solid #ddd; float: right ;margin-top:2.3%; width: 48.7%; }

#ce_wrapper h3.cattitle { background:#f6f6f6; margin:0; padding:10px; }
#ce_wrapper .viewall { padding:10px; }
#ce_wrapper .viewall a { color:#333; }

#ce_wrapper ul.catbox { min-height:88px; padding-bottom: 3px; }
#ce_wrapper ul.catbox li { border-top:1px dotted #ccc; padding:6px 5px; }
#ce_wrapper ul.catbox li.none { padding-top:35px; text-align:center; }

#ce_wrapper ul.artlist { margin-top:10px; }
#ce_wrapper ul.artlist li { border-top:1px dotted #ccc; padding:8px 0; }

/* Knowledgebase (search) */

.searchbox { border:5px solid #eee; font-size:16px; padding:5px; width:50%; }
.searchsubmit { padding:8px; }
#ce_wrapper p.searchdesc { color:#666; font-size:12px; margin-top:5px; }

ul.searchresults { border:1px solid #ddd; border-bottom:0;margin-top:15px; padding:0 10px; }
#supportform ul.searchresults {border:0px none !important; }
ul.searchresults li { border-bottom:1px solid #f6f6f6; padding:10px 0; }
ul.searchresults li.bottom { border:0; }
#ce_wrapper ul.searchresults li p { margin:5px 0 0 21px; }

.buttonsbox { background:#f6f6f6; border:1px solid #ddd; padding:10px; }

/* Knowledgebase (article) */

.article_details {
	width: 100%;
	margin-bottom: 0px;
}

.article_details p {
	padding: 10px 0 5px 0;
}
ul.file_list {
	margin-left: 0px !important;
}

ul.file_list li {
	list-style: none !important;
	background: url(img/folder_page.gif) no-repeat !important;
	padding-left: 30px !important;
	line-height: 17px;
}

ul.related_articles {
	margin-left: 0 !important;
}

ul.related_articles li {
	background: url(img/folder.gif) no-repeat 0 3px !important;
	list-style: none !important;
	padding-left: 30px !important;
	line-height: 17px;
}

.rate_article {
	margin-left: 20px;
	color: #909099;
}

.rate_article_stars {
	margin-right: 20px;
}

.leave_comment p {
	padding: 3px 0;
}

.comment_block {
	width: 85%;
	background: #FAFAFA;
	border: #ECECEC 1px solid;
	padding: 5px;
	margin: 10px 0 5px 23px;
}

.comment_block p {
	padding: 5px;
	margin: 0;
}

/* Order Form */

.stepdiv { float:left; background:#c4e782; height:52px; position:absolute; margin-left:-1px; width:1px; z-index:2; }
.inprogress { background:#dbf0b4; }
.completed { background:#eef9e1; }

ol.signup_progress{margin:0 0 20px 0; padding:0; list-style:none; width:100%; border:1px solid #C4E782; -moz-border-radius:5px; -webkit-border-radius:5px; height:52px; overflow:hidden}
ol.signup_progress li{float:left; width:189px; margin:0; padding:10px 0; height:32px; text-align:center; border-right:1px solid #C4E782}
ol.signup_progress li.last{border-right:0}
ol.signup_progress li strong{display:block}


/* Ticket View */

.sender { text-align:center; padding:10px; width:130px; }
.message { border:0px solid #E8F3F7; margin-left:150px; }
#ce_wrapper .message p { padding:0 15px; }
.timestamp { padding:7px 15px; font-weight:bold; }
.client, .ticketuser { background:#F7F7F7; }
.admin, .ticketadmin, .tickettech { background:#EDF9E1; color:#004400; }
.ticketentry { clear:left;}
.ticket-message-entry {min-height: 136px;padding-left:15px;padding-top:10px;padding-bottom:25px;border-top: 1px solid #EBEBEB;border-left: 1px solid #EBEBEB;overflow-x:auto;}


/* ---------- Not yet used/seen --------- */
/* Downloads */

.download_file a {
	background: Green;
	width: 120px;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	background: #EEEEEE;
	border: #D2D2D2 1px solid;
	font-size: 15px;
	margin: 10px auto 15px auto;
	display: block;
	color: #4F4F4F;
}

.download_file a:hover {
	background: #DFDFFF;
	border-color: #B2B3FF;
	text-decoration: none;
	color: #007FC7;
}

/* Submit Ticket */

form#submit_ticket {
	width: 95%;
	padding: 20px 10px;
	clear: both;
}

form#submit_ticket fieldset, .fieldset {
	padding-left: 20px;
	BORDER: #E2E2E2 1px solid;
	-moz-border-radius: 5px 5px 5px 5px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
}

form#submit_ticket legend, .niceLegend {
	font-size: 13px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #007FC7;
}

form#submit_ticket label input, form#submit_ticket select {
	display: -moz-inline-box; 
	display: inline-block;
	vertical-align: middle;
}

form#submit_ticket textarea {
	width: 355px;
	margin-top: 5px;
	height: 100px;
    background:#FFFFFF url(../../../javascript/ext/images/default/form/text-bg.gif) repeat-x scroll 0 0;
}

form#submit_ticket fieldset p, .niceFieldset {
	margin: 0;
	padding: 5px 0 10px 0;
}

form#submit_ticket fieldset p.verify {
	padding: 0 0 17px 0 !important;
}

img#verification_image {
	position: absolute;
	left: 350px;
	top: 60%;
}

input.verify {
	width: 230px;
}

.razmak {
	margin-top: 10px;
}

.st_subject {
	width: 240px;
}

.st_submit {
	margin-left: 5px;
}

.login_submit {
	margin-left: 10px;
	margin-top: 15px;
}

.login_cookie {
	margin-top: 10px !important;
}

.login_cookie input {
	margin-left: 20px;
	vertical-align: middle;
}

/* Support Ticket */

span.support_ticket {
	color: #B92F2F;
	margin-left: 10px;
}

#st_wrap {
	width: 100%;
}

.st_l {
	float: left;
	width: 300px;
}

.st_r {
	float: left;
	width: 250px;
}

.st_r p {
	margin-left: 5px;
}

.st_opened {
	width: 100%;
	clear: both;
}

.ticket {
	width: 90%;
	padding: 10px;
	border: #E2E2E2 1px solid;
	margin: 20px 0;
}

.ticket p {
	padding: 5px 0 !important;
}

p.ticket_caption {
	padding: 0 !important;
	font-size: 11px;
}

.st_submit {
	margin: 15px 0 0 0;
}

.innerPriorityOne {
    background-color: #d3011a;
    color:white;
}

.innerPriorityTwo {
    background-color: #ffeced;
}

.innerPriorityThree {
    background-color: #fffbe8;
}

.label130{
    background:#F0F7FB none repeat scroll 0 0;
    text-align: right;
    line-height:15px;
    padding:7px;
	margin: 1px 0;
	vertical-align: middle;

}

.label130{
		display: -moz-inline-box;
	display: inline-block;
    width:130px !important;
}

.label185{
    background:#F0F7FB none repeat scroll 0 0;
    text-align: right;
    line-height:15px;
    padding:5px 5px 5px 0px;

  display: -moz-inline-box;
  display: inline-block;
  margin: 1px 0;
  vertical-align: middle;
  width:185px !important;
}

.columnheader{
   background:#F7F7F7 none repeat scroll 0 0;
   line-height:15px;
   padding:5px 5px 5px 5px;
   font-weight: bold;
   margin: 2px 0;
}

.columnheader td{
   padding:5px 5px 5px 0px;
   border-bottom: #EBEBEB 1px solid;
   border-top: #EBEBEB 1px solid;
}

/* CIP Form Wrap */

#cip .razmak {
	margin: 20px 0 10px 0;
}

/* CIP Form Style (label) default */

/* Span Style (inline block)  */

#cip span.ib {
	display: -moz-inline-box; 
	display: inline-block;
	margin: 5px 0;
	vertical-align: middle;
}

/* Right Side - Search */

.search {
	padding-bottom: 0px !important;
}

#search li {
	position: relative;
}

#search input.field, #kb #search {
	width: 301px;
	padding: 0;
	border: #E0E0E0 1px solid;
	padding-top: 3px;
	font-size:16px;
}

#search .button {
	position: absolute;
	left: 172px;
	top: 7px;
}

.button {
    background: url(../images/button.gif) no-repeat 0 0;
        cursor: pointer;
    display: block;
    width: 176px;
    height: 31px;
    border: 0;
    padding: 0 0 5px 0;
    text-transform: uppercase;
    color: #676767;
    line-height: 11px;
    font-size: 11px;
    font-weight: bold;
    margin-top: 10px;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    display: block;
}

/* Search Field (advanced) */

.search p {
	padding: 10px 0 10px 0 !important;
	margin: 0 0 0 5px;
	font-weight: bold;
}

.search p a {
	font-weight: normal;
}

.sm {
	width: 220px;
	height: 80px;
}

#advanced_search select {
	font-size: 11px;
}

#advanced_search p {
	font-size: 11px;
	padding-bottom: 2px !important;
}

#advanced_search {
	padding-bottom: 25px;
}

#advanced_search select {
	margin-left: 5px;
}

/* Login Field */

.login {
	font-size: 12px;
}

.login label {
	display: block;
	line-height: 20px;
	margin: 5px 0 0 10px;
}

.login input.field {
	width: 181px;
	height: 20px;
	padding: 0;
	border: #E0E0E0 1px solid;
	padding-top: 3px;
    background:#FFFFFF url(../../../javascript/ext/images/default/form/text-bg.gif) repeat-x scroll 0 0;
}


/* -------------------------------- Invoices -------------------------------- */

.invoice_filter {
	background: #F7F7F7;
	padding: 2px 10px;
	border: #EBEBEB 1px solid;
}

.ai_spacer {
	padding: 0 0 15px 0;
}

/* Invoices (invoice summary) */

.invoice_summary {
	width: 200px;
    float:right;
	margin-left: 2px;
    margin-bottom: 13px;
	padding: 10px 15px;
	background: #FEF6EF;
	border: #FDECDD 1px solid;
	position: relative;
    /*top: -50px;*/
}

.additional_info {
	margin-left: 2px;
	margin-right: 15px;
	padding: 10px 15px;
	background: #FEF6EF;
	border: #FDECDD 1px solid;
	position: relative;
}

.is_close {
	position: absolute;
	right: 10px;
	top: 10px;
}

.invoice_summary h2 {
	margin: 0 0 0 -1px;
	font-size: 18px;
	padding: 0 0 15px 0;
	font-weight: normal;
}

/* Invoices (span) */

#cip .invoice_summary span {
	font-size: 12px;
	border-bottom: #FDECDD 1px solid;
}

#cip .invoice_summary span.w100 {
	width: 100px;
}

#cip .invoice_summary span.w350 {
	width: 350px;
}

/* Img Note */

img.note {
	margin-left: 5px;
}

img.cc {
	vertical-align: middle;
}

/* Text Note */

p.note, span.note {
	color: #FB0000;
	padding: 10px 0 0 0 !important;
}

/* Order Form */

.currentStep {
    font-weight: bold;
}

.futureStep {
    color: grey;
}


.error {
    color: red;
}

form#order_form {
	clear: both;
}

form#order_form fieldset, .fieldset {
	padding-left: 20px;
	BORDER: #E2E2E2 1px solid;
	-moz-border-radius: 5px 5px 5px 5px;
	position: relative;
}

form#order_form legend, .niceLegend {
	font-size: 13px;
	color: #007FC7;
}

form#order_form label {
	display: -moz-inline-box; 
	display: inline-block;
	width: 200px;
	vertical-align: middle;
}

form#order_form label input, form#order_form select {
	display: -moz-inline-box; 
	display: inline-block;
	vertical-align: middle;
}

form#order_form textarea {
	width: 355px;
	margin-top: 5px;
	height: 100px;
}

form#order_form fieldset p, .niceFieldset {
	margin: 0;
	padding: 0px 0px 0px 0;
}

form#order_form fieldset p.verify {
	padding: 0 0 17px 0 !important;
}

.terms_wrapper {
    padding-left: 15px;
}

.terms {
    height: 250px;
    width: 540px;
    border:1px solid #bbb;
    overflow:auto;
}

p.order_override {
    padding: 5px 0px 0px 0px !important;
}

p.order_override span.label {
    text-align: left;
    display: -moz-inline-box; 
	display: inline-block;
	width: 325px;
	vertical-align: middle;
    margin:0px 0;
    padding:0px 0px 0px 0;
    background:#ffffff none repeat scroll 0 0;
}

p.order_override span.price {
    text-align: right;
    display: -moz-inline-box; 
	display: inline-block;
	width: 200px;
	vertical-align: middle;
}

p.order_override span.tax {
    text-align: right;
    display: -moz-inline-box; 
	display: inline-block;
	width: 70px;
	vertical-align: middle;
}

.order_checkout_price {
    width: 200px;
    padding-left: 250px;
    text-align: right;
}

.center {
    text-align: center;
}

.textarea{
    background:#FFFFFF url(../../../javascript/ext/images/default/form/text-bg.gif) repeat-x scroll 0 0;
}

.messageBox {
   padding-left: 8px;
	border-left: #E2E2E2 1px dotted;
}

.box_long_min {
    -moz-background-inline-policy:continuous;
    -moz-border-radius:5px 5px 5px 5px;
    background:none repeat scroll 0 0 #EEF2F7;
    border:1px solid #EBEBEB;
    color:#666666;
    height:18px;
    padding:4px;
}

/*-- Form Layout --*/
p.note {
    font-size: 11px;
    font-weight: bold;
    color: #666;
    padding-bottom: 5px;
    padding-left: 11px;
}

.form {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
    padding-left: 11px;
}

.form dt {
    float: left;
    clear: left;
    display: block;
}

.form dt,
.form dt label {
    width: 150px;
    color: #444;
}

.form dt label {
    display: block;
    padding-top: 2px;
    padding-left: 11px;
    position: relative;
}

.form dt,
.form dd {
    border-top: 1px solid #EFEFEF;
    padding: 5px 0;
}

.form dt { border: 0; }

.form dd {
    float: left;
    min-width: 240px;
    display: block;
    margin-left: -140px;
    padding-left: 180px;
}

.noborder dd {
    border-top: 0;
}

.form dd.full {
    margin-left: 0;
    padding-left: 0;
    clear: both;
    min-width: 380px;
}

.form dd.full label {
    width: auto;
    float: left;
    padding-right: 20px;
}

.form dd.full label input {
    margin-right: 5px;
}

.form dd.desc {
    width: 100%;
    font-size: 11px;
    color: #777;
    padding: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #d4d4d4;
}

.form dd.desc span {
    display: block;
    padding-left: 11px;
}

.form dd.alt {
    background: #ededed;
}

/* Vertical tabs used for the plugins type style section */

#vtabsContainer {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    width: 100%;
}

#vtabsBar {
    width: 195px;
    /*padding: 10px 0 10px 10px;*/
    /*background-color: #e9e9e9;*/
    border-right: solid 1px #D4D4D4;
    /*min-height: 400px;*/
    float: left;
}

#vtabContent {
    background-color: #ffffff;
    padding-left: 225px;
}

#vtabsBar .vtab {
    display: block;
    width: 174px;
    padding: 10px;
    margin-bottom: 3px;
    background-color: #F5F5F5;
    border-right: none;
    font-size: 11px;
    color: #666;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

#vtabsBar .vtab:hover {
    color:#333;
    text-decoration: none !important;
    background-color:#E8F0F5;
    cursor: pointer;
}

#vtabsBar .vtab.active {
    position: relative;
    background-color: #ffffff;
    border: solid 1px #dfdfdf;
    border-right: none;
    font-weight:bold;
    padding-right:11px;
    color: #000000;
}

#vtabsBar .vtab.active .hidingBorder {
    position: absolute;
    right: -1px;
    top: 0;
    z-index: 1;
    width: 1px;
    height: 30px;
    background-color: #ffffff
}

.vtab a {
    text-decoration: none;
    color: #666;
}

.vtab a:hover {
    color: #7190af;
}

.vtab.active a {
    text-decoration: none;
    color: #000000;
}

#vtabsBar .vtab.over {
    background-color: #ffffcc
}

#vtabsBar .vtab h3 {
    margin: 0;
    margin-bottom: 5px;
    font-family: Arial;
    font-size: 14px;
    color: #336699
}

/* extjs overwriting */
.x-panel-btns {
    background: none repeat scroll 0 0 #F6F6F6 !important;
    -moz-border-radius: 5px 5px 5px 5px;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
}


.x-form-text, .x-form-focus,  .x-form-textarea{
    font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif !important;
    border-color:#7C7C7C #C3C3C3 #DDDDDD;
    border-style:solid;
    border-width:1px;
    /*font-size:11px!important;
    padding-top:1px !important;*/
}

.x-grid-panel .x-panel-body {
    border-style: solid none none;
    border-width: 1px 0px 0px;
}

.x-grid3-body .x-grid3-td-checker {
 background-image: none;
}

.x-combo-list, .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td {
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif !important;
}

.x-grid3-row-selected {
    background-color: #f4f4f4 !important;
}

/* Style for Greybox */
#GB_overlay {
  background-image: url(../images/greybox/overlay.png);
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

* html #GB_overlay {
  background-color: #000;
  background-color: transparent;
  background-image: url(../images/greybox/blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/greybox/overlay.png", sizingMethod="scale");
}

#GB_window {
  top: 10px;
  left: 0px;
  position: absolute;
  background: #fff;
  border: 5px solid #aaa;
  overflow: auto;
  width: 400px;
  height: 400px;
  z-index: 150;
}

#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 378px;
}

#GB_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background: #888;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}

#GB_window img {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  cursor: hand;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
    position:relative;
    top:-6px;
    left: -15px;
}
.sf-menu a {
	border-left:	1px solid #fff;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:		#E8F3F8;
}
.sf-menu li a:hover {
        color: black !important;
}
.sf-menu li li a {
    border-top: 1px solid #CFDEFF;
}
.sf-menu li li {
	background:		#DBE6EC;
}
.sf-menu li li li {
	background:		#DBE6EC;
}

.sf-menu li li li a {
    border-top: 1px solid #CFDEFF;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:             #DBE6EC;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}