﻿
body
{
    font-family: "Segoe UI",Tahoma, Arial, Helvetica, sans-serif; color:#424242; font-size:12px; line-height:1.6em; margin: 0 auto;  
    width:1100px; 
    background-color: #989898;
    /*background-color: #e3e3e3;
    /*background-image: url(images/bg.png);*/
    position: relative;
    /*padding: 0 0px 0 125px; min-width:1100px; background-color: #011e30; background: url(images/BackgroundMain.jpg) no-repeat scroll 0px 0px;*/
}
h2 
{ 
    font-family:'Segoe Light', Tahoma, Arial, Helvetica, sans-serif; font-size: 25px; font-weight:lighter; 
}
select 
{
    margin: 2px 2px 2px 0; padding: 4px; border: 1px #b5b5b5 solid;
    /*background: #fff url(images/buttons.png) repeat-x scroll 0 -375px;*/
}

input, textarea, #recaptcha_response_field 
{
    font-family: 'Helvetica Neue', Arial, Sans-serif;
    margin: 2px 2px 2px 0; padding: 5px; border: 1px #b5b5b5 solid; background: #fff url(images/buttons.png) repeat-x scroll 0 -375px; overflow:-moz-scrollbars-vertical;
    resize:none;
}

#RequestInfo
{
    background: #fff !important;
}

input[disabled='disabled']
{
    background:#e2e2e2;
    border: 1px #b5b5b5 dashed;
}

input[type="radio"]
{
    background: transparent; border: 0;
}

input[type="checkbox"]
{
    border: 0;
    background-image: none !important;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.recaptcha_image_cell, #recaptcha_table 
{
    background-color:#ffffff !important;
}

.recaptcha_image_cell
{
    width: 310px;
}

#recaptcha_table 
{
    border-color: #cccccc !important;
    background-color: #FFFFFF;
}

#recaptcha_table tr
{
    height: 35px !important;
}

#recaptcha_privacy a
{
    font-size:9px !important;
    color: black;
    margin-right: 10px;
}

input.error
{
	border: solid 0px #fc886e;
}

hr
{
    /*color: #3b6af0;
    background-color: #3b6af0;*/
    color: #FCE9CA;
    background-color: #FCE9CA;
    height: 1px;
}

/* start ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

ol.round li {
    margin: 0px 0;
    padding: 2px 0 0 40px;
}
    ol.round li ul
    {
        margin: 0px 0 !important;
    }
    ol.round li ul li {
        margin: 0px 0;
        padding: 2px 0 0 10px;
        list-style-type:square;
    }

ol.round li.zero {
    background: url("images/icon/orderedList0.png") no-repeat;
}

ol.round li.one {
    background: url("images/icon/orderedList1.png") no-repeat;
    height:30px;
}

ol.round li.two {
    background: url("images/icon/orderedList2.png") no-repeat;
    height:30px;
}

ol.round li.three {
    background: url("images/icon/orderedList3.png") no-repeat;
    height:30px;
}

ol.round li.four {
    background: url("images/icon/orderedList4.png") no-repeat;
    height:30px;
}

ol.round li.five {
    background: url("images/icon/orderedList5.png") no-repeat;
    height:30px;
}

ol.round li.six {
    background: url("images/icon/orderedList6.png") no-repeat;
    height:30px;
}

ol.round li.seven {
    background: url("images/icon/orderedList7.png") no-repeat;
    height:30px;
}

ol.round li.eight {
    background: url("images/icon/orderedList8.png") no-repeat;
    height:30px;
}

ol.round li.nine {
    background: url("images/icon/orderedList9.png") no-repeat;
    height:30px;
}
/* end ordered list */

.error
{
    color: #f31207;
    font-size:smaller;
}

.heading
{
    font-size: 16px;
    line-height: 1.4em;
    font-family:'Segoe Light', Tahoma, Arial, Helvetica, sans-serif;
}

.plain14
{
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 2em;
    text-align:justify;
    padding: 0 60px 0 30px;
}

.plain14_details
{
    font-size: 14px;
    line-height: 1.6em;
    /*margin-bottom: 20px;*/
    /*line-height: 2em;
    text-align:justify;
    padding: 0 60px 0 0;*/
}

.plain18
{
    font-size: 17px;
    margin-bottom: 18px;
    line-height: 1.5em;
    text-align:justify;
}


.section
{
    font-size: 14px;
    font-weight: bold;
    line-height: 2em;
    margin: 0 60px 0 30px;
    /*border-bottom: 2px solid #3b6af0;*/
    border-bottom: 2px solid #FCE9CA;
}

.highlight
{
    font-size: 28px;
    line-height: 1em;
    color:#2D6DC4;
}
/* BEGIN PAGE LAYOUT */

.contentWrap
{
	border: 0px solid black;
}

/*.contentWrap #left
{
	width:8px;
	height: 650px;
	float:left;
	background: url(images/lborder2-bg.png) no-repeat scroll 0px 0px;
}*/
/*
.contentWrap #right
{
	width: 8px;
	height: 650px;
	float:right;
	background: url(images/rborder2-bg.png) no-repeat scroll 0px 0px;
}*/

.contentWrap #mid
{
	width: auto;
	height: 9px;
	margin: 0 7px 0 8px;
	/*background: url(images/tborder-bg.png) repeat-x scroll 0px 0px;*/
}

.header
{
	width: auto;
    height: 125px;
    margin-left: 0px;
    margin-bottom: 1px;
    margin-right: 0px;
    background-color: white;
    border: 0px solid red;
    overflow: hidden;
}

#tabs
{
    overflow:hidden;
    border: 0px solid #dddddd; 
}


/*  START OVERRIDE-JQUERY.UI TAB */

.ui-tabs .ui-widget-header
{
    padding-top: 3px !important;
    border: 0 solid #ffffff !important;
    border-bottom: 0px solid #dddddd !important;
    background: #ffffff;
}

.ui-tabs ul:first-child
{
    /*margin-left: 10px !important;*/
}

.ui-tabs .ui-tabs-nav li
{
    min-width: 150px;
    margin: 5px .2em 0 5px !important;
    font-family: "Segoe UI", Tahoma, Arial;
    font-size: 13px;
    color: #114966;
    cursor:pointer;
}

.ui-tabs .ui-tabs-panel
{
    padding: 0em 1.4em !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
    box-shadow: 0px -1px 1px 0px #cedce4;
    background: #ffffff;
}

.ui-tabs .ui-tabs-nav li
{
    background: #dde8ee;
    border-top-left-radius: 2px; border-top-right-radius: 2px;
    box-shadow: 0px 0px 2px 2px #cedce4 inset;	
}

.ui-tabs .ui-tabs-nav li a
{
    padding: .5em 8.5em .5em .5em !important;
}

#tabs.ui-widget-content
{
    background: #ffffff;
}
/* END OVERRIDE-JQUERY.UI TAB */

#spacer
{
    padding-bottom: 10px;
}

#logo
{
    float: left;
    width: auto;
    padding-top: 15px;
    padding-left: 10px;
}
#logical
{
    float: left;
    overflow:visible;
    margin: 5px 10px 0px 0;
	height: 110px;
	border: 0px solid red;
}

#hbanner_space
{
    float: right;
}

.topmenu
{
	width: auto;
    height: 40px;
    margin-left: 0px;
    margin-bottom: 1px;
    margin-right: 0px;
    background-color: white;
    border: 0px solid green;
    background: url(images/menubar-bg.png) repeat-x scroll 0px 0px;
    /*background: url(images/menu-bg.png) repeat-x scroll 0px 0px;*/
    overflow: hidden;
    /*use same font styles for top menus*/ 
}
.topmenu #lmenuside
{
	max-width:60%;
	min-width:380px;
	float:left;
	border: 0px solid green;
	margin: 4px 0 0 11px;
}
.topmenu #rmenuside
{
	max-width:35%;
	min-width:230px;
	float:right;
	border: 0px solid green;
	margin: 4px 8px 0 0;
}

#lmenuside li, #rmenuside li
{
    width: auto;
    height: 32px;
    margin-left: 0 0 0 4px;
    border: 0px solid green;
    background: url(images/menu-bg.png) repeat-x scroll 0px 0px;
    overflow: hidden;
}

#rmenuside li:first-child
{
	float: left;
	margin-left: 0;
	background: url(images/menubar-bg.png) repeat-x scroll 0px 0px;
}

.menuLink a
{
    text-decoration: none;
    display: block !important;
    padding:2px 0 2px 5px !important;
    width: 240px;
    line-height: 1.462;
    color:#0000ee;
    font-size: 15px;
}

.menuLink a:hover, .menuLink a:active
{
    background-color:#cbcbcb;
    color:#000088;
}

.utility
{
	width: auto;
    height: 38px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    border: 0px solid green;
    background-color: #ffffff;
    padding-bottom: 2px;
    overflow: hidden;
}

.utility #lutilityside
{
	margin-left:13px;
	float:left;
	border-bottom: 2px solid #accbdb;
	border-left: 2px solid #accbdb;
	border-right: 2px solid #accbdb;
	background-color: #bde0f1;
}

.utility #rutilityside
{
	max-width:25%;
	min-width:224px;
	height: 40px;
	float:right;
	margin: 0 10px 0 0;
	border: 0px solid green;
    background:url('images/hholder.png') #fff no-repeat 0 -10px;
}

#service_rutilityside
{
	width:325px;
	height: 30px;
	float: right;
	margin: 0 10px 0 0;
	border: 0px solid green;
	background:url('images/hholder.png') #fff no-repeat 90px -20px;
	margin-top: -36px;
    border-top: 1px solid #e5e5e5;
    text-align:center;
}

#service_rutilityside a 
{
    margin-top: 3px;
	display: block;
	color: #0d2474;
	border: 0px solid green;
    text-decoration: none;
    font-size: 12px;
    font-weight:bold;
}

.main_subpage
{
	width: auto;
	min-height: 370px;/*655px;*/
    margin-top: 1px;
    padding-bottom: 10px;
    background-color: white;
    border: 1px solid white; /*for some reason this border should be 1 white to allow top-space*/
    overflow: hidden;
}

.main
{
		/*width: auto;*/
	width: 1100px;
	min-height: 515px;
	margin-left: 0px;
	margin-top: 0px;
	padding-bottom: 10px;
	margin-right: 0px;
	background-color: white;
	border: 0px solid white; /*for some reason this border should be 1 white to allow top-space*/
	overflow:hidden;
	position: relative;
}

#lside
{
	/*width:195px;*/
	width:195px;
	float:left;
	border: 0px solid green;
}

#rside
{
	width: 320px;
	float:right;
	border: 0px solid blue;
}

#cside
{
	text-align: left;
	border: 0px solid green;
}

#lcontent, #rcontent
{
	margin: 10px 5px 10px 5px;
	border: 0px solid pink;
}

#base_ccontent
{
	margin: 10px 10px 10px 10px; /* 1 layer division */
	border: 0px solid pink;
}

#rbase_ccontent
{
	/*margin: 5px 195px 5px 195px; -- this is 3 layer divisition*/
	margin: 10px 320px 10px 13px; /* 2 layer division */
	border: 0px solid pink;
}

#lbase_ccontent
{
	/*margin: 5px 195px 5px 195px; -- this is 3 layer divisition*/
	margin: 10px 10px 10px 198px; /* 2 layer division */
	border: 0px solid pink;
}

.homeHeaderTitle
{
    width: 250px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #e3e3e3; 
    border: solid 1px #cccccc; padding: 5px 10px 10px 10px; height: 20px; 
    font-family:"Segoe UI",Tahoma,Arial,Helvetica,sans-serif; font-size: 1.6em; font-weight: bolder;
    overflow: visible;
}

.homeTabHeaderTitle
{
    width: 200px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #dde8ee;
    border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin: 0 15px 0 15px;
    border: solid 1px #bbd0db; padding: 5px 10px 10px 10px; height: 20px; 
    font-family:"Segoe UI",Tahoma,Arial,Helvetica,sans-serif; font-size: 1.6em; font-weight: bolder;
    overflow: visible;
}
/** START FOOTER LAYOUT STYLE **/
.footer
{
	clear: both;
	width: auto;
	height: 30px; /*150px;*/
    text-align: center;
    border: 0px solid pink;
}

.footer #left
{
	width:5px;
	height: 25px;
	float:left;
	margin-top: 7px;
	/*background: url(images/lborder2-bg.png) no-repeat scroll -1px -250px;*/
	padding: 0px 0px 10px 22px;
}

.footer #right
{
	width: 8px;
	height: 35px;
	float:right;
	margin-top: 7px;
	border: 0px solid black;
	/*background: url(images/rborder2-bg.png) no-repeat scroll -2px -500px;*/
}

.footer #mid
{
	width: auto;
	margin-top: -7px;
	border: 0px solid #665d5c;
}

.footer #bottom
{
	width: auto;
	margin: 32px 7px 0 7px;
	/*border-bottom: 2px solid #868383;*/
}

.footer #wrapper
{
    padding-top: 5px;
    border: solid 0px black;
    width: 100%;
    height: 35px;
    /*border-bottom: solid 1px #0066b1;*/
}

.footer #r1c1
{
    padding-top: 10px;
    margin-left: -25px;
    width: 400px;
    float: left;
    height: 5px;
    text-align: left;
    border: solid 0px black;
    font-size: 11px;
    color: #fff;
}

.footer #r1c3
{
    padding: 5px 0px 0 0;
    float: right;
    height: 22px;
    border: solid 0px black;
    color: #fff;
    font-family: Tahoma, Verdana, Arial;
}

.footer #r1c3 a
{
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    font-size: .9em;
    padding-left: 15px;
}

.footer #r1c4
{
    padding-top: 13px;
    float: left;
    border: solid 0px black;
    height: 22px;
    width: 280px;
    text-align: right;
    font-size: 11px;
    color: black;
}

.footer .txt
{
    text-align: left;
    font-family: Calibri, Tahoma, Arial;
    font-size: 14px;
}

.footer .help
{
    font-size: 27px;
    color: #0066b1;
}

.small
{
    font-size: 11px;
}

.bold
{
    font-weight: bold;
}

.white
{
    color: #ffffff;
}

/** END FOOTER LAYOUT STYLE **/

/* END PAGE LAYOUT */

/* START MENU */

.top-nav-menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.top-nav-menu li
{
	float: left;
	margin: 0 2px;
}
.top-nav-menu li a, .menu-button
{
	height: 2.5em;
	line-height: 2.5em;
	float: left;
	width: 9em;
	display: block;
	border: 0.1em solid #989898;
	/*color: #0d2474;*/
	text-decoration: none;
	text-align: center;
	font-weight: bold; 
	color: #2D6DC4;
}
.popup_div
{
    height: 14px;
    width: 17px;
    margin: 11px 0 0 87px;
    *margin-left: -25px;/*IE7 hack*/
    position: absolute;
}

.popup_div a
{
    height: 0px !important;
	line-height: 0px !important;
	float: left !important;
	width: 0em !important;
	display: block !important;
	border: 0px solid #989898 !important;
	text-decoration: none !important;
	text-align: center !important;
}
.popup_div .dropdown
{
    background:url('images/icon/nav_arrow.png') no-repeat !important;
    height: 20px !important;
    width: 24px !important;
}

.popup_div .dropdown:hover
{
    background:url('images/icon/nav_arrow_hov.png') no-repeat !important;
    height: 20px !important;
    width: 24px !important;
}

.menu-button
{
    background: url(images/menu-bg.png) repeat-x scroll 0px 0px;
}

#std-nav-menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#std-nav-menu li
{
	float: left;
	margin: 0 2px;
}

#std-nav-menu li a
{
	height: 1.8em;
	line-height: 1.8em;
	float: left;
	width: 7em;
	display: block;
	border: 0.1em solid #989898;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
}

#menu ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#menu li
{
	float: left;
	margin: 8px 0 0 2px;
	text-align: center;
	font-size: 11px;
	width: 108px;
	border: 0px solid green;
	font-weight:bolder;
}

#menu li a
{
	/*width: 5em;*/
	display: block;
	color: #0d2474;
	border: 0px solid green;
    text-decoration: none;
    font-size: 11px;
    font-weight:bolder;
}

/* END MENU */

/* Table header for PhotoUpload */
.tableheader
{
    width: 100%;
    border-collapse:collapse;
    font-weight: normal;
    border: dashed 1px #fff;
}

.tableheader tr
{
    border-bottom: dashed 1px #e2e2e2;
    /*background-color: #e2e2e2;*/
}

.tableheader th #option
{
    text-align:right;
}

.tableheader td
{
    padding-left:5px;
}

#quote  
{
    font-style:italic;
    font-family:'Segoe Light', Calibri, Tahoma;
    font-size: 1.5em;
    line-height: 1.5em;
    color: Black;
}

#searchfield { margin: 1px 2px 0 4px; }
#search, #sort
{ 
    width: 65px; 
    height: 27px;
    font-size: 10px;
    padding-top: 3px;
}

#apply 
{
    width: 65px; 
    height: 27px;
    font-size: 10px;
    padding-top: 2px; 
}

#search .ui-button-text, #sort .ui-button-text
{
    padding: 5px 3px 3px 3px;
}

#lbanner
{
    padding: 0 0px 10px 0px;
	text-align: center;
	vertical-align:middle;
}

#rbanner img
{
    padding: 15px 0 5px 0;
}

/* Account Styles Start */
#registerForm, #registerExtraForm
{
    margin-top: 5px;
    height: 220px;
    display: block;
}

#registerForm .formHeader, #registerExtraForm .formHeader, #editForm .formHeader
{
    background-color: #b1ceed;
}

.registerLabels, .registerFields, .editFields, .editLabels
{
    float: left;
}

.registerLabels
{
    width: 299px;
}

.registerLabels .label, .editLabels .label
{
    height: 18px;
    width: 287px;
    padding: 7px 0px 10px 10px;
    background-color: #f2f4f2;
    border: 1px solid white;
    font-family: Tahoma, Arial;
    letter-spacing: .1em;
    font-size: 12px;
}

.captcha 
{
    height: 138px;
}

.registerFields .field
{
    height: 33px;
    width: 557px;
    background-color: #e2e2e2;
    padding: 2px 0px 0px 5px;
    border: 1px solid white;
}

.editFields .field
{
    height: 33px;
    width: 438px;
    background-color: #e2e2e2;
    padding: 2px 0px 0px 5px;
    border: 1px solid white;
}

.registerFields .field input, .registerFields .field select
{
    font-size: 14px;
}

.registerFields .btnfield
{
    height: 36px;
}

#chPwdForm, #chEmailForm, #chContactForm
{
	text-align: left;
	border: 0px solid blue;
	width: 630px;
	margin-top: 20px;
	padding: 5px 10px 20px 20px;
}

#loginForm
{
    text-align: left;
	border: 0px solid blue;
	width: 630px;
	margin-top: 20px;
	padding: 5px 10px 20px 0;
    font-size: 14px;
}

.LoginFormFields
{
    border: dashed 1px #bbbbbb;
    padding: 10px;
}

.loginField, .regField, .errorMessage {
    height: 40px;
    padding: 2px 10px 0 0;
    border: 0px solid green;
    text-align:left;
}

.loginField input, .regField input{
    height:25px;
    font-family: Tahoma, Arial, Verdana;
    font-size: 14px; 
    font-weight:bold;
}

#account-btn { padding: 10px 0px 25px 0; }

#account-btn .xbluebutton { margin-right: 25px;}

.validation-summary-errors  
{
    color: #F31207;
    font-size: 12px;
}
/* Account Styles End */

/* ResetPassword Styles Start */
#resetPasswordForm
{
    margin-top: 5px;
    height: 182px;
    display: block;
    width: 760px;
}

.ResetPasswordFormHeader
{
    background-color: #b1ceed;
    width: 738px;
    border-bottom: 2px solid black;
}

.formHeader
{
    background-color: #b1ceed;
    width: 841px;
    border-bottom: 2px solid black;
}

.resetPasswordLabels, .resetPasswordFields
{
    float: left;
}

.resetPasswordLabels
{
    width: 293px;
}

.resetPasswordLabels .label
{
    height: 18px;
    width: 287px;
    padding: 7px 0px 10px 10px;
    background-color: #f2f4f2;
    border: 1px solid white;
    font-family: Tahoma, Arial;
    letter-spacing: .1em;
    font-size: 12px;
}

.resetPasswordFields .field
{
    height: 33px;
    width: 460px;
    background-color: #e2e2e2;
    padding: 2px 0px 0px 5px;
    border: 1px solid white;
}
#resetpwd-btn { padding: 10px 0px 25px 0; }
/* ResetPassword Styles End */

#label {padding-bottom:0px; text-align:left;}

.rholder
{
	width: 765px;
	border: solid 0px green;
	padding-top: 10px;
}

.rholder table td
{
	border: solid 0px green;
	vertical-align: top;
}

.tab-panel
{
	float: left;
	left:20px; 
	width:100%; 
	height:auto; 
	background:#fff;
}
.sbcontent
{
    padding: 0px 0px 10px 0px;
    margin-bottom: 10px;
    border: solid 0px blue;
}

.accountInfo, .offlinePaymentMgt, .paymentHistory, .earningHistory, .otherCharges,
#activetrading_dynamic, #closedtrading_dynamic
{
    margin: 0 0 10px 10px;
    border: solid 0px blue;
}

.bannerWrapper, .accountInfo, .offlinePaymentMgt, .paymentHistory, .earningHistory, .otherCharges, 
#activetrading_dynamic, #closedtrading_dynamic
{
    padding: 10px 0 10px 10px;
    margin-bottom: 10px;
}

.paymentItems, .earningItems
{
}

#headerListingDetails, #headerContactDetails
{
    padding: 1px 2px 1px 10px;
    margin-bottom: 5px;
    font-size: 14px;
    font-family: Tahoma, Arial, Verdana;
    font-weight: bold;
    width: 728px;
    color: #2d6dc4;
}

#headerListingDetails .sb-inner, #headerContactDetails .sb-inner { background:#e2e2e2; }

.sbcontent table tr td 
{
    vertical-align: top;
}

.sbcontent table tr td #cname, #cname
{
    color: #3e5861;
    /*font-weight:bold;*/
    font-size: 16px;
    padding: 0 0 5px 0;
    text-transform:uppercase;
    /*text-shadow: 0 -1px 0 #d6d6d3;*/
}

.accountInfo, #rbroundbox
{
    margin-top: 0px; /*20px*/
    font-family: Tahoma, Verdana, Arial, Calibri;
}

#rbroundbox .sb-inner { background:#e2e2e2; }

.accountInfo #username
{
    font-weight:bold;
    font-size:15px;
    color: Blue;
}

.accountInfo #emailaddress
{
    font-size:12px;
    color: black;
}

.accountInfo .sub
{
    color: Black;
}

.accountInfo .sub .title
{
    padding: 5px;
    margin-bottom: 5px;
    height: 20px;
    background-color: #e2e2e2;
    width: 98%;
    font-family: "Segoe UI", Tahoma, Arial;
    color: #4690d4;
    font-size: 2em;
    border-bottom: solid 2px #bbbbbb;
}

.accountInfo .sub .subtitle
{
    padding: 3px 5px 7px 5px;
    margin-bottom: 10px;
    height: 15px;
    background-color: #f2f0f0;
    width: 98%;
    font-family: "Segoe UI", Tahoma, Arial;
    color: #4690d4;
    font-size: 1.3em;
    border-bottom: solid 1px #bbbbbb;
}
.accountInfo .sub .content
{
    padding-left: 0px;
    width: 95%;
}
.accountInfo .link
{
    color: #0d2474;
	text-decoration: underline;
}

#services #sname img, #services #sname a
{
    padding: 0 5px 0 0;
    text-decoration: none;
    font-size: 14px;
    color: #2d6dc4;
}

#tasks #sname img, #tasks #sname a
{
    padding: 0 5px 0 0;
    text-decoration: none;
    font-size: 14px;
    color: #008b33;
}

#services #sname img, #services #sname a:hover, 
#menu a:hover, #service_menu a:hover,
#tasks #sname img, #tasks #sname a:hover
{
    text-decoration: underline;
}

#categoryTitle {
    font-weight:bold;
    background-color: Gray;
}
#htab_wrapper, #ctab_wrapper
{
    border: 0px solid #2d6dc4;
    height: 57px;
}

#wanted_label, #wanted_content
{
    width: 40%;
    height: 50px;
    float: left;
    border: 0px solid #2d6dc4;
}
#wanted_label
{
    background:url('images/wanted_label.png') no-repeat;
}

#mid_label
{
    width: 20%;
    text-align:center;
    height: 50px;
    float: left;
    font: 36px Tahoma;
    border: 0px solid #2d6dc4;
}
#trade_label
{
    width: 40%;
    width: 156px;
    height: 50px;
    float: right;
    border: 0px solid #2d6dc4;
}

#trade_content
{
    float: right;
    width: 150px;
    border: 0px solid #2d6dc4;
    text-align: center;
    height: 24px; 
    font-size: 10px;
}

#trade_label
{
    background:url('images/trade_label.png') no-repeat;
}


.priorityBar, .membersBar
{
    width: auto;
    border: 0px solid black;
    background-color: #eaeef3;
    margin-top: 10px;
    height: 35px;
}

.priorityBar #lutilityside
{
	width: 97.5%;
    padding: 2px 0 3px 10px;
    float: left;
}

.priorityBar #rutilityside
{
    padding: 8px 12px 3px 0;
    float: right;
}

.priorityBar #lutilityside div, .priorityBar #rutilityside div
{
    text-decoration: none; font-size: 14px;
}

.priorityBar #lutilityside a, .priorityBar #rutilityside a
{
    text-decoration: none; color: #2e6e9e;
}

.membersBar #lutilityside
{
    padding: 8px 0 0 10px;
    float: left;
}

.membersBar #lutilityside div
{
    padding-right: 10px;
}

.membersBar #lutilityside a
{
    text-decoration: none; font-size: 14px;
}

/* start - list tyle - service browser */
.service_list, .review_list
{
    margin-top: 10px; border: 0px solid black;/* width: 750px;*/
}

.review_list div
{
    padding-bottom: 5px; font-family: Tahoma, Arial, Calibri; font-size: 14px;
}

.review_list div
{
    font-style:normal;
    font-size: 13px;
    line-height: 1.3em;
}

.service_list #listView
{
    list-style-image: none; list-style: none; margin:0; padding:0; width: auto; overflow:hidden; 
    display: block; border: 0px solid green;
}

 .service_list #listView li
{
    list-style-image: none; list-style: none; margin:0; padding:0; width: auto; overflow: hidden; 
    display: block; border: 0px solid black;
}

.service_list #listView li.listingCard
{
    text-align: center; float: left; padding: 4px 1px 0 1px; width: 99.4%; height: auto; min-height: 120px; list-style-image: none; 
    background-color: #fff; margin-bottom: 4px; border: solid 1px #cccccc; position:inherit !important;
}

.service_list #listView li.featuredCard
{
    text-align: center; float: left; padding: 4px 1px 0 1px; width: 99.4%; height: auto; min-height: 120px;
    list-style-image: none; background-color: #fef4d6; margin-bottom: 4px; border-top: solid 1px #e4ca7c; border-bottom: solid 1px #e4ca7c;
    border-left: solid 1px #e4ca7c; border-right: solid 1px #e4ca7c; position:inherit !important;
}

.service_list #listView li table
{
	float: left;
	width: 100%;
	border: solid 0px blue;
}

.service_list #listView li table td.imgCol
{
	width: 176px;
	border: dashed 0px blue;
}

.service_list #listView li table td.InfoCol
{
	width: auto;
	border: dashed 0px blue;
}

.service_list #listView li div.listingImageCol
{
    margin-left: 3px; padding: 5px 0 0 0px; float: left; position: relative; width: 176px;
    border: solid 1px #ccc; height:122px; display: block;
}

.service_list #listView li div.listingInfoCol
{
	width: auto; text-align: left; 
    border: dashed 0px green; overflow:hidden; height: 134px; position: relative;
    
}
.service_list #listView li div.listingImageCol img
{
    padding: 2px; border: solid 0px #ccc;
}

.service_list #listView li div.titleCol
{
    padding: 1px 0 0 5px; width: 100%; float: left; text-align: left; 
    border: solid 0px blue; overflow:hidden;
}

.service_list #listView li div.titleCol div
{
    height: 15px; border: solid 0px #7cf568; /*padding-bottom: 5px;*/ margin-bottom: 5px;
}

#listingTitleCol a
{
    text-align: left;
    font-size:16px;
	color: #0d2474;
	text-decoration: none;
	font-family:"Segoe UI",Tahoma,Arial,Helvetica,sans-serif;
}

#featuredTitle a
{
    text-align: left;
    font-size:15px;
	color: #0066d1;
	text-decoration: none;
	font-weight: bold;
	font-family:"Segoe UI",Tahoma,Arial,Helvetica,sans-serif;
}

#listingTitleCol a:hover, #featuredTitle a:hover
{
    text-decoration: underline;
}

#bottomCols
{
	width: 100%;
	border: solid 0px blue;
	height: 110px;
}

#bottomCols div
{
    border: solid 0px black;
}

.othersCol
{
    margin: 0 -10px 0 5px;
    width: 65%;
    overflow: visible;
    text-align: left;
    float: left;
    height: auto;
    
}

.othersCol div
{
    border: solid 0px #7cf568;
    line-height: 1.5em;
    padding-top: 4px;
}

#listingSubTitleCol
{
    text-align: left;
    width: auto;
    font-size:.9em !important;
    font-style: normal;
    font-family: Arial;
    color: #555;
    min-height: 15px;
    border: solid 0px blue;
    white-space: nowrap;
}

#listingCompany
{
    text-align: left;
    width: auto;
    font-size:1.0em;
    height: 18px;
    /*font-weight:bolder;*/
}

#listingRegionCol
{
    text-align: left;
    width: auto;
    font-size:12px;
    /*margin: 5px 0 10px 0;*/
    vertical-align: bottom;
}

#listingDateCol
{
    text-align: left;
    width: auto;
    font-size:12px;
    /*margin: 5px 0 2px 0;*/
    vertical-align: bottom;
}

#listingRatingCol #rating
{
    text-align: left;
    width: auto;
    font-size:12px;
    vertical-align: middle;
    float: left;
}

#listingRatingCol #rating a
{
    text-decoration: none;
    font-size: 12px;
    color: #333333;
}

#listingRatingCol #rating img
{
    border: solid 0 #ffffff;
}

.wantServicesCol
{
    height: auto;
    padding: 0 3px 0 0;
    width: 186px;
    float: right;
    text-align: left;
}
#listingOfferCol
{
    height: auto;
    padding-top: 0px;
    float: left;
}

#listingServicesCol, #listingAmountCol, #requestTradeCol
{
    height: auto;
    padding-top: 5px;
    float: left;
}

#serviceDetailsOwnerButtons
{
    height: auto;
    padding-top: 2px;
    float: right;
}

#listingServicesCol
{
    height: auto;
}

.keyword_div
{
	width: 185px; 
	text-align: left; 
	color: #0d2474; 
	line-height: 14px; 
	font-size: 0.76em; 
	margin-right: 0px;
	margin-top: 2px;
	padding-top: 3px;
	float: right;
}

.service_list #listView li.listingCard ul li.wantServicesCol #listingServicesCol select
{
    width: 170px; margin-right: 2px;
}

.service_list #listView li.featuredCard ul li.wantServicesCol #listingServicesCol select
{
    width: 170px; margin-right: 2px;
}

#listingOfferCol input[type=text]
{
    width: 90px;
}

#listingOfferCol .ctype
{
    padding: 6px 0 0 5px; 
    width: 75px; 
    text-align: left;
    font-weight: bold;
    font-size: 9px;
    font-family: arial;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.acenter
{
    text-align: center;
}
.vcenter
{
    vertical-align: middle;
}
/* end - list style - service browser */

/* start - list style - allservices browser */
/* start myservices & mytasks*/

.service_list #listView li.main_column
{
    text-align: center; float: left; width: 100%; height: auto; 
    min-height: 120px; list-style-image: none; background-color: #f3f1f1; 
    margin-bottom: 4px; border-top: 1px solid #ccccff; border-bottom: 1px solid #ccccff;
}

.service_list #listView li.main_column .left_column
{
    padding: 5px 0 0 5px; width: 77%; float: left; text-align: left;
}

.service_list #listView li.main_column .left_column div
{
    height: 18px; font-family:"Segoe UI",Tahoma,Arial,Helvetica,sans-serif; color:#424242; font-size:10pt;
}
.service_list #listView li.main_column .left_column #listingHeaderCol
{
    width: 100%; border: solid 0px black; overflow:hidden;
}

.service_list #listView li.main_column .left_column #listingHeaderCol div#listingTitleCol
{
    float: left; font-weight: bold; padding-right: 5px; font-size: 12px;
}

.service_list #listView li.main_column .left_column #listingHeaderCol div#listingReserveCol
{
    font-weight: normal; font-size: 11px;
}

.service_list #listView li.main_column .right_column
{
    padding: 5px 5px 0 0;
    height: auto; min-height: 93px;
    float: right; text-align: right;
    width: 150px;
}

.service_list #listView li.main_column #service_footer
{
    width: 100%; background-color: #ebebeb; text-align:left;
    list-style-type: none; padding-top: 3px; font-size: 10px; border: solid 0px blue;
}

.service_list #listView li.main_column #service_footer div
{
    padding: 3px 3px 3px 5px; font-weight: bold; color: #2d6dc4; display: inline;
}
/* end of myservices and mytask style */

.tab_section img
{
    border: solid 0px white;
}

.service_list .right_column .button
{
    width: 120px; height: 28px; font-size:11px; margin-bottom: 2px;
}
/* end - list style - allservices browser */

/* start paging style */

.paging
{
    border: dashed 0px blue;
    padding-top: 10px;
    font-family: Tahoma;
    font-size: 11px;
    width: auto;
    float: right;
}

.paging div
{
    float: left;
}

.paging .page
{
    background-image:url('images/page.png');
    background-repeat: no-repeat;
    padding: 3px 0 0 0px;
    width: 24px;
    height: 29px;
}

.paging a
{
    text-decoration: none;
}

.paging img
{
    border: solid 0 #fff;
}
/* end paging style */

.message #title
{
    font-size:18px;
    font-weight:bold;
    margin-bottom: 20px;
}

.message #body
{
    font-size:1.3em;
    line-height:1.5em;
    margin-bottom: 20px;
    width: auto;
}

.formWrapper
{
    overflow: hidden;
    /*width: 742px;*/
    width: 866px;
    border: 1px solid white;
}

span.field-validation-error
{
    color: #f31207;
    font-size:smaller;
    vertical-align: top;
    line-height: 3em;
}

.required_mark
{
    float: right;
    color: #f31207;
    font-weight: bold;
    font-size: 16px;
    padding: 3px 10px 0 0;
}

.formHeader, .requestFormHeader, .ResetPasswordFormHeader
{
    height: 18px;
    padding: 7px 10px 10px 10px;
    background-color: #B1CEED;
    border: 1px solid white;
    font-family: "Segoe UI",Tahoma, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
}

#detailsBlock
{
    height: 194px;
}

#serviceDetails, #uploadDetails
{
    margin-top: 5px; height: 882px; display: block;
}

#registerExtraForm
{
    height: 550px;
}
#contactDetails
{
    height: 250px;
}

#confirmationPage
{
    margin-top: 5px; height: auto;
}

#uploadDetails
{
    height: auto; margin-bottom: 5px;
}

#wantedDetails
{
    margin-top: 5px; height: auto; display: block;
}

.serviceLabels, #contactLabels, .mediaLabels
{
    float: left; width: 299px; height: auto;
    margin-top: 0px;
}

.requestLabels
{
    float: left; width: 170px;
}

.serviceFields, #contactFields, .mediaFields, .requestFields, .confirmationFields
{
    float: left;
    overflow:visible;
}

.serviceLabels .label, #contactLabels .label, .mediaLabels .label
{
    height: 18px; width: 287px; padding: 7px 0px 10px 10px; background-color: #f2f4f2; border: 1px solid white; font-family: Tahoma, Arial, Verdana; letter-spacing: .1em; font-size: 12px;
}

.serviceLabels .briefdesc
{
    height: 95px;
}

.serviceLabels .availability
{
    height: 100px;
}

.serviceLabels .xservlist
{
    height: 138px;
}

.serviceLabels .fulldesc
{
    height: 203px;
}

.serviceFields .field, #contactFields .field, .mediaFields .field, .confirmationFields .field
{
    height: 33px; width: 557px; background-color: #e2e2e2; padding: 2px 0px 0px 5px;
    border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white;
}

.confirmationFields .field
{
    line-height: 2.5em;
}

.serviceFields .briefdesc
{
    padding-top: 5px; height: 107px;
}

.serviceFields .availability
{
    padding-top: 5px; height: 112px;
}

.serviceFields .availability div div
{
    height: 21px;
}

.serviceFields #keywords_counter
{
    float: right; margin-right: 20px;
}

.serviceFields .btnfield
{
    height: 36px;
}

.serviceFields .xservlist
{
    padding-top: 5px; height: 110px;
}

.serviceFields .fulldesc
{
    padding-top: 5px; height: 215px;
}

#xserviceDetails
{
    margin-top: 5px; height: 198px; border: solid 0px green;
}

#addxService
{
    border: solid 0px green; height: 267px;
}

#marketing
{
    border: solid 0px blue; height: 335px;
}

#advance
{
    height: 470px; border: solid 0px blue;
}

.formControl
{
    text-align: center; border: solid 0px blue;
}

normal 
{
    font-weight: normal; /*font-style:italic;*/ font-size: 11px; letter-spacing: .0em; color: #6d6c6c;
}

/* Upload page styles */
#uploadDetails .uploadifyQueueItem {
  background-color: #FFFFFF; border: none; font: 11px Verdana, Geneva, sans-serif; height: 19px; width: 320px;
  /*border-bottom: 1px solid #E5E5E5; margin: 10px 0 10px 0; vertical-align:middle; text-align:center;*/
}
#uploadDetails .uploadifyError {
  background-color: #FDE5DD !important; border: none !important; border-bottom: 1px solid #FBCBBC !important;
}
#uploadDetails .uploadifyQueueItem .cancel {
  float: right;
}
#uploadDetails .uploadifyQueue .completed {
  color: #C5C5C5;
}
#uploadDetails .uploadifyProgress {
  background-color: #E5E5E5; margin-top: 4px; width: 100%;
}
#uploadDetails .uploadifyProgressBar {
  background-color: #0099FF; height: 2px; width: 1px;
}
#uploadDetails #progressbar {
  /*border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;*/
  /*height: 0;
  width: 360px;*/
}

.preview_photo
{
    width: 84px; height: 65px; text-align: center;
    /*width: 147px; height: 110px; text-align: center;*/
}

/* Service Details */
.service_header
{
    margin: 5px 0 5px 0; width: auto; border-bottom: dotted 2px #dedede; /*max-height: 90px; min-height: 70px;*/ height: auto; overflow:auto;
}

#service_details_lheader
{
    float: left; border: 0px solid blue; width: 100%;
}

#shtitle
{
    font-size: 25px; line-height:1.3em;
}

#shtitle a
{
    text-decoration: none;
}

#shtitle a img
{
    border-color: #ffffff;
}

#shclosingdt
{
    width: 100%;
    height: 20px;
    font-weight: bold;
    font-size: 12px;
}

#shsubtitle
{
    font-weight:normal;
    text-align: left;
    width: auto;
    font-size:.9em;
    font-family: Arial;
    color: #555;
}

#service_details_rheader
{
    float: right; border: 0px solid green;
}

#refid
{
    text-align: right; font-size: 13px; font-weight:normal;
}

#serive_details_rside
{
	max-width:355px; min-width:355px; float:right; border: 0px solid blue;
}

#service_details_offer
{
    background-color: #accbdb;/*#7eace0;#9dd6d5;*/ margin-bottom: 5px; height: 33px; width: auto;
}

#service_details_offer #reserve2
{
    padding-left: 5px;
    font-size: 14px;
}

#service_details_txtwrapper
{
    overflow: hidden; position:relative; margin-bottom:5px; background-color:#ffffff; border-bottom: dotted 2px #DEDEDE;
}

.service_details_txtheader
{
    background-color: #f3f5f7; font-weight:bold; color: #777777; font-size:12px; text-transform:uppercase;
}

#service_details_txtoffers
{
    float:left; width: 320px; padding: 5px 5px 5px 0; margin-right: 2px;
}

#service_details_txtavailability
{
    float:right; width: 190px; background-color:#ffffff; padding: 5px 0 5px 5px;
}

.ralign
{
    text-align: right;
}

.nomargin
{
    margin: 0px; text-align: justify;
}

/* carousel */

.image_carousel {
	padding: 0px 0 0px 30px; position: relative; border:0px solid #ccc; margin-left: 10px; width: 314px;
}
.image_carousel #images 
{
    margin-left: 7px;
}

.image_carousel img {
	border: 1px solid #ccc; background-color: white; padding: 5px; margin: 8px; display: block; float: left; width: 106px; height: 65px;
}

.mid_preview
{
    border: solid 0px #ccc;
    padding: 5px;
}

/* blue pill (inspired by iTunes)
*******************************************************************************/
.xbluebutton::-moz-focus-inner, .xbluebutton_blend::-moz-focus-inner, .xgreenbutton::-moz-focus-inner, .xgraybutton::-moz-focus-inner,.xyellowbutton::-moz-focus-inner
{
    border: 0; 
}

.xbluebutton_blend
{
    background-color: #EAEEF3;
    /* Saf4+, Chrome */
    border: 1px solid #EAEEF3; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px;
    -o-box-shadow: inset 0 1px 0 0 #EAEEF3; color: #2e6e9e; font: 14px "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: 1; padding: 5px 0; text-align: center; width: 150px; margin-bottom: 5px;
}

.xbluebutton_blend:hover 
{
    background-color: #9badcc; background-image: -webkit-gradient(linear, left top, left bottom, from(#9badcc), to(#687fa6));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #9badcc, #687fa6); background-image: -moz-linear-gradient(top, #9badcc, #687fa6); background-image: -ms-linear-gradient(top, #9badcc, #687fa6); background-image: -o-linear-gradient(top, #9badcc, #687fa6);
    background-image: linear-gradient(top, #9badcc, #687fa6);
    border-bottom: 1px solid #9badcc; border-top: 1px solid #9badcc; border-right: 1px solid #9badcc;
    cursor: pointer; color: #fff;
}

.xbluebutton 
{
    background-color: #a5b8da; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3); background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
    background-image: -ms-linear-gradient(top, #a5b8da, #7089b3); background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
    background-image: linear-gradient(top, #a5b8da, #7089b3); border-top: 1px solid #758fba; border-right: 1px solid #6c84ab;
    border-bottom: 1px solid #5c6f91; border-left: 1px solid #6c84ab; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px;
    border-radius: 1px; -webkit-box-shadow: inset 0 1px 0 0 #aec3e5; -moz-box-shadow: inset 0 1px 0 0 #aec3e5; -ms-box-shadow: inset 0 1px 0 0 #aec3e5;
    -o-box-shadow: inset 0 1px 0 0 #aec3e5; box-shadow: inset 0 1px 0 0 #aec3e5; color: #fff; font: 11px "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: 1; padding: 8px 0; text-align: center; text-shadow: 0 -1px 1px #64799e; text-transform: uppercase; width: 150px; margin-bottom: 5px;
}

.xbluebutton:hover 
{
    background-color: #9badcc; background-image: -webkit-gradient(linear, left top, left bottom, from(#9badcc), to(#687fa6));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #9badcc, #687fa6); background-image: -moz-linear-gradient(top, #9badcc, #687fa6); background-image: -ms-linear-gradient(top, #9badcc, #687fa6); background-image: -o-linear-gradient(top, #9badcc, #687fa6);
    background-image: linear-gradient(top, #9badcc, #687fa6); border-top: 1px solid #6d86ad; border-right: 1px solid #647a9e; border-bottom: 1px solid #546685; border-left: 1px solid #647a9e;
    -webkit-box-shadow: inset 0 1px 0 0 #a5b9d9; -moz-box-shadow: inset 0 1px 0 0 #a5b9d9; -ms-box-shadow: inset 0 1px 0 0 #a5b9d9; -o-box-shadow: inset 0 1px 0 0 #a5b9d9; box-shadow: inset 0 1px 0 0 #a5b9d9; cursor: pointer;
}
.xbluebutton:active 
{
    border: 1px solid #546685; -webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee; 
}
.xbluebutton a
{
    text-decoration: none; font-weight:normal;
}
/* greenbutton (inspired by okcupid.com)
*******************************************************************************/
.xgreenbutton 
{
    background-color: #7fbf4d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: linear-gradient(top, #7fbf4d, #63a62f);
    border: 1px solid #63a62f;
    border-bottom: 1px solid #5b992b;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 2px 0 0 #96ca6d;
    -moz-box-shadow: inset 0 2px 0 0 #96ca6d;
    -ms-box-shadow: inset 0 2px 0 0 #96ca6d;
    -o-box-shadow: inset 0 2px 0 0 #96ca6d;
    box-shadow: inset 0 2px 0 0 #96ca6d;
    color: #fff;
    font: 11px "Segoe UI","Tahoma","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: .8em;
    padding: 6px 0 8px 0;
    text-align: center;
    text-decoration: none;
    width: 150px; 
    margin: 2px 3px 5px 0;
}
.xgreenbutton:hover 
{
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76b347), to(#5e9e2e));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    -moz-box-shadow: inset 0 1px 0 0 #8dbf67;
    -ms-box-shadow: inset 0 1px 0 0 #8dbf67;
    -o-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67;
    cursor: pointer; 
}
.xgreenbutton:active 
{
    border: 1px solid #5b992b; border-bottom: 1px solid #538c27; -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; 
}

.xgreenbutton a
{
    text-decoration: none; font-weight:normal;
}
 /* yellow
/* yellow (inspired by okcupid.com)
*******************************************************************************/
.xyellowbutton, .traderequest, .eoirequest, .eoirequest_login
{
    /*background-color: #7fbf4d;*/
    background-color: #f9cc4b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe79d), to(#f9cc4b));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #ffe79d, #f9cc4b);
    background-image: -moz-linear-gradient(top, #ffe79d, #f9cc4b);
    background-image: -ms-linear-gradient(top, #ffe79d, #f9cc4b);
    background-image: -o-linear-gradient(top, #ffe79d, #f9cc4b);
    background-image: linear-gradient(top, #ffe79d, #f9cc4b);
    border: 1px solid #b5b5b5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 2px 0 0 #96ca6d;
    -moz-box-shadow: inset 0 2px 0 0 #96ca6d;
    -ms-box-shadow: inset 0 2px 0 0 #96ca6d;
    -o-box-shadow: inset 0 2px 0 0 #96ca6d;
    box-shadow: inset 0 1px 0 0 #f9cc4b;
    color: #0d2474;
    font: bold 11px "Tahoma","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: .8em;
    padding: 6px 0 8px 0;
    text-align: center;
    text-decoration: none;
    width: 150px; 
    margin-bottom: 5px;
}
.xyellowbutton:hover, .traderequest:hover
{
    background-color: #f9cc4b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9cc4b), to(#ffe79d));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #f9cc4b, #ffe79d);
    background-image: -moz-linear-gradient(top, #f9cc4b, #ffe79d);
    background-image: -ms-linear-gradient(top, #f9cc4b, #ffe79d);
    background-image: -o-linear-gradient(top, #f9cc4b, #ffe79d);
    background-image: linear-gradient(top, #f9cc4b, #ffe79d);
    -webkit-box-shadow: inset 0 1px 0 0 #ffe79d;
    -moz-box-shadow: inset 0 1px 0 0 #ffe79d;
    -ms-box-shadow: inset 0 1px 0 0 #ffe79d;
    -o-box-shadow: inset 0 1px 0 0 #ffe79d;
    box-shadow: inset 0 1px 0 0 #ffe79d;
    cursor: pointer; 
    color: #233984;
}
.xyellowbutton:active, .traderequest:active
{
    border: 1px solid #f9cc4b;
    border-bottom: 1px solid #f9cc4b;
}

.xyellowbutton a, .traderequest a
{
    text-decoration: none;
}

 /* clean gray
*******************************************************************************/
.xgraybutton
{
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
    background-image: linear-gradient(top, #eeeeee, #cccccc);
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: 1;
    padding: 8px 0;
    text-align: center;
    text-shadow: 0 1px 0 #eee;
    width: 150px; 
}
.xgraybutton:hover 
{
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; 
}
.xgraybutton:active 
{
    border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.xgraybutton a
{
    text-decoration: none; font-weight:normal;
}

 /* disabled
*******************************************************************************/
.xyellowbutton_disabled 
{
    background-color: #fce9b0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fce9b0), to(#fce59d));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #fce9b0, #fce59d); background-image: -moz-linear-gradient(top, #fce9b0, #fce59d); background-image: -ms-linear-gradient(top, #fce9b0, #fce59d); background-image: -o-linear-gradient(top, #fce9b0, #fce59d);
    background-image: linear-gradient(top, #fce9b0, #fce59d); border: 1px solid #b5b5b5; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;
    -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 2px 0 0 #fce59d; -moz-box-shadow: inset 0 2px 0 0 #fce59d; -ms-box-shadow: inset 0 2px 0 0 #fce59d;
    -o-box-shadow: inset 0 2px 0 0 #fce59d; /*box-shadow: inset 0 1px 0 0 #fce59d;*/ color: #9c9b9b; font: bold 11px "Tahoma","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: .8em; padding: 6px 0 8px 0; text-align: center; /*text-shadow: 0 -1px 0 #383a37;*/ text-decoration: none; width: 150px;  margin-bottom: 5px;
}

.xyellowbutton_disabled:hover, .xgreenbutton_disabled:hover 
{
    cursor: default; 
}

.xyellowbutton_hidden, .xgreenbutton_hidden, .servicebutton_hidden, .watchlistbutton_hidden, .quotebutton_hidden
{
    display:none;
}

.xgreenbutton_disabled 
{
    background-color: #d3e4c6; background-image: -webkit-gradient(linear, left top, left bottom, from(#d3e4c6), to(#c8d7bc));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #d3e4c6, #c8d7bc); background-image: -moz-linear-gradient(top, #d3e4c6, #c8d7bc); background-image: -ms-linear-gradient(top, #d3e4c6, #c8d7bc); background-image: -o-linear-gradient(top, #d3e4c6, #c8d7bc);
    background-image: linear-gradient(top, #d3e4c6, #c8d7bc); border: 1px solid #b5b5b5; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;
    -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 2px 0 0 #c8d7bc; -moz-box-shadow: inset 0 2px 0 0 #c8d7bc; -ms-box-shadow: inset 0 2px 0 0 #c8d7bc;
    -o-box-shadow: inset 0 2px 0 0 #c8d7bc; /*box-shadow: inset 0 1px 0 0 #c8d7bc;*/ color: #9c9b9b; font: bold 11px "Tahoma","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: .8em; padding: 6px 0 8px 0; text-align: center; /*text-shadow: 0 -1px 0 #383a37;*/ text-decoration: none; width: 150px;  margin-bottom: 5px;
}
/*******************************************************************************/
.quotebutton, .quotebutton_disabled {width: 90px; font-size: 8px;}
.servicebutton, .servicebutton_disabled, .traderequest_login, .rt_servicebutton {width: 180px; font-size: 8px;}
.servicebutton_small, .servicebutton_small_disabled {width: 111px; font-size: 8px;}
.watchlistbutton, .watchlistbutton_disabled, srequest_login  {width: 85px; font-size: 8px;}
.ui-widget {font-size: 11px !important; font-family: "Segoe UI", Helvetica, Arial, sans-serif !important;}
.ui-tabs {position:inherit !important;}
.ui-button-text-only .ui-button-text {padding: .2em 1em !important;}

a.prev, a.next 
{
    border: 0px solid #ccc; background: url(images/miscellaneous_sprite.png) no-repeat transparent; width: 45px; height: 50px; display: block; position: absolute; top: -8px;
}
a.prev { left: -11px; background-position: 0 0; }
a.prev:hover { background-position: 0 -50px; }
a.next { right: -11px; background-position: -50px 0; }
a.next:hover { background-position: -50px -50px; }

a.prev span, a.next span {
	display: none;
}

.prev 
{
	float: left; margin-left: 10px; margin-top: 30px;
}
.next 
{
	float: right; margin-right: 10px; margin-top: 30px;
}

/* GOOGLE MAP */
#map_canvas
{
    height:230px; width:343px; border: solid 2px #a7bef0; margin: 5px 0 0 8px;
}
/* ACTION BUTTONS */
.actionButtons
{
    float: right; height: 30px; border: solid 0px black; width: 400px; padding: 3px 3px 0 0;
}

/* DISCUSSION */
.service_description
{
    min-height: 353px; border: dashed 0px black; padding-bottom:20px; width:535px;
}

.task_description
{
    min-height: 250px; border: dashed 0px black;
}

#providerInfo
{
    margin-left:8px; margin-top: 15px; text-align:left; padding: 72px 0 0 50px; border: solid 0px blue; height:95px; width:297px; background: url(images/member_info.png) no-repeat scroll 0px 0px; font-size: 13px; line-height: 1.3em;
}
#service_discussion, #review_region
{
    margin-top: 10px; height:auto; width:532px;
}

#service_discussion #header, #review_region #header
{
    line-height: 1.6em; border-bottom: dotted 2px #a7bef0; height:20px;
}

#service_discussion #header #title, #review_region #header #title
{
    font-size: 17px; font-weight: bold; float: left; color: #dfbf3b;
}

#service_discussion #header #askq
{
    float: right;
}

#service_discussion #content
{
    padding-top: 10px;
}

#service_discussion #content #newentry,
#service_discussion #content .answerentry,
.reviewmessage, .confirmation_message
{
    margin-bottom: 5px; background-color: #dfbf3b; line-height: 1em;
}

.collapsible_message
{
    background-color: #dfbf3b; line-height: 1em;
}

.collapsible_tinyMCE
{
    overflow:hidden; border: solid 2px #dfbf3b; background-color: #dfbf3b; line-height: 1em; margin-left:0px; margin-bottom: 0px; width:99%;
}

.mceEditor
{
    overflow:hidden;    
}

.reviewmessage
{
    height: 105px;
}

.date-ago
{
    color: #BBB;
}
.entry_wrapper
{
    border-bottom: dotted 1px gray;
    overflow: hidden;
    position: relative;
}

.discussion_entry
{
    vertical-align: top; margin-top: 5px; padding-bottom: 1px; font-size: 12px; position: relative; overflow: hidden;
}

.discussion_entry a
{
    vertical-align: top; text-decoration: none;
}

/* REQUEST TRADE */
.requestFormHeader
{
    width: 650px;
}

.requestLabels .label
{
    height: 18px; width: 155px; padding: 7px 3px 10px 10px; background-color: #f2f4f2; border: 1px solid white; font-family: Tahoma, Arial, Verdana; letter-spacing: .1em; font-size: 12px;
}

.requestLabels .fulldesc
{
    padding-top: 5px; height: 62px;
}
   
.requestFields .field
{
    height: 33px; width: 495px; background-color: #e2e2e2; padding: 2px 0px 0px 5px; border: 1px solid white;
}

.requestFields .fulldesc
{
    padding-top: 5px;  height: 72px;
}

.requestAction
{
    height: 28px; width: 662px; padding: 3px 4px; background-color: #e2e2e2; border: 1px solid white; font-family: Tahoma, Arial, Verdana; font-size: 12px; font-weight: bold; float: left;
}

.nextAction
{
    height: 34px; width: 852px; margin-top: 6px; padding: 3px 4px; background-color: white; border: 1px solid #DEDEDE; font-family: Tahoma, Arial, Verdana; font-size: 12px; font-weight: bold; float: left;
}

/*SPONSOR PAGE*/
.sponsorContent
{
    font: normal 14px "Tahoma","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; line-height: 2em; text-align:justify;
}

/*MY ACCOUNT PANEL*/
.selected_tab 
{
    background-color: #fff; border: solid 0.2em #bbbbbb; border-bottom: solid 0.2em #fff;
}
#tab_contentpane
{
    border: solid 0.0em #bbbbbb;
}

.tab_section, .definition_section
{
    background-image: url(images/paper_shadow.png); background-repeat: no-repeat;
}

.tab_content_title
{
    color: #cea603; text-shadow: 0 -1px 0 #d6d6d3; font-size: 15px; text-transform:uppercase; padding-top: 15px; padding-left: 20px; padding-bottom: 10px;
}

.definition_content_title
{
    color: #cea603; text-shadow: 0 -1px 0 #d6d6d3; font-size: 12px; padding-top: 15px; padding-left: 20px; padding-bottom: 10px;
}

#traderequest_content, #accepteddeals_content, #closedtransactions_content, #acceptedeoi_content
{
    width: 747px; margin-left: 20px; height: auto; margin-bottom: 20px; overflow: hidden;
}

#activetrading_content, #closedtrading_content
{
    width: 737px; height: auto; overflow: hidden;
}

.deal
{
    height: 40px; margin-bottom: 7px;
}
/*.closeddeal
{
    height: 25px; margin-bottom: 7px;
}*/

.closeddeal
{
    height: 30px; margin-bottom: 7px;
    background-color: #f8f8f8; /*d2f4ab*/
    border: 2px solid #e3e3e3;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    color: #fff;
    font: bold 11px "Tahoma","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: .8em;
    padding: 6px 0 8px 0;
    text-align: center;
    text-decoration: none;
    margin: 2px 3px 5px 0;
}

.closeddeal .request_head
{
    border-bottom: 0px solid #FCE9CA;
}

.closeddeal .request_head .left
{
    width:435px;
    text-align:left;
}

.closeddeal .request_head .left #title
{
    font-size:15px; font-weight: bold; line-height: 1.1em; color: #888888;
}

.closeddeal .request_head .left #review
{
    margin-top: 4px;font-size: 11px; color: #b4b2b2;
}

.closeddeal .request_head .right
{
     margin-top: -2px;
     width:200px;
}

.closeddeal .request_head .right #tradewith
{
    font: 20px Arial, 'Liberation Sans',FreeSans,sans-serif; font-weight: bold;color: #888888;
}
.closeddeal .request_head .right #closingdate
{
    line-height: 1em; font-size: 11px; color: #b4b2b2;
}

.request
{
    height: 65px; margin-bottom: 10px;
}

.request_head
{
    margin-bottom: 3px; width: auto; height: 20px; border-bottom: 1px solid #FCE9CA;
}

/*.request_head .serviceTitle
{
    font-weight: bold;
}
*/
.serviceTitle a
{
    text-decoration: none !important; 
    font-size:11px !important;
}

.request_head .date, .small
{
    font-size:11px;
}

.request_body
{
    margin-bottom: 3px; width: auto; height: 20px;
}

/*start - Qoutes Page*/
.content_body
{
    width:737px;
}
.content_body .col1, .col1
{
    text-align: center;
    width: 95px;
}
.content_body .col2, .col2
{
    border-left: 1px solid #FCE9CA;
    padding-left: 5px;
    text-align: left;
    width: 75px;
}
.content_body .col3, .col3
{
    border-left: 1px solid #FCE9CA;
    padding-left: 5px;
    text-align: left;
    width: 352px;
}
.content_body .col4, .col4
{
    border-left: 1px solid #FCE9CA;
    padding-left: 5px;
    text-align: left;
    width: 120px;
}
.content_body .col5, .col5
{
    border-left: 1px solid #FCE9CA;
    padding-left: 5px;
    text-align: left;
    width: 70px;
}
.content_header .col1, .content_body .col1,
.content_header .col2, .content_body .col2,
.content_header .col3, .content_body .col3,
.content_header .col4, .content_body .col4,
.content_header .col5, .content_body .col5
{
    float: left; color: black; padding-top: 1px 0px 0px 0px; font-size: 11px; height: 22px;
}
/*End - Qoutes Page*/
.trader
{
    padding-right: 5px; color: #be6a06; font-weight: bold;
}

.trader a
{
    text-decoration: none !important;
    font-size: 1em !important;
    padding-right: 5px; 
    color: #be6a06 !important;
    font-weight: bold;
}

.request_body .trader
{
    width:120px; padding-left: 20px; background-image: url(images/icon/trader.png); background-size: 19px 19px; background-repeat: no-repeat;
}

.request_body .suspendedtrader
{
    width:120px; padding-left: 20px; background-image: url(images/icon/suspendedtrader.png); background-size: 19px 19px; background-repeat: no-repeat;
}

.request_body .tradeTitle
{
    font-size:12px; background-position:left; background-repeat: no-repeat;  padding-left: 20px;
}

.request_body a
{
    text-decoration: none; font-size:smaller;
}

.request_body .expiry
{
    width: 90px;
}

.request_footer
{
    margin-bottom: 3px;
}

.request_footer .note
{
    font-size:smaller; font-style: italic; background-position:left; background-repeat: no-repeat; padding-left: 20px;
}

#expiredserv_content, #expiredtask_content
{
    width: 737px; margin-left: 20px; height: auto; margin-bottom: 20px; overflow: hidden;
}

#watchers_content, #quotes_content
{
    width: 737px; margin-left: 20px;  margin-bottom: 5px; overflow: hidden;
}

.content_header
{
    height: 22px; width: 100%; text-align:center; border-bottom: solid 1px #FCE9CA; font-weight: bold;
}

.content_header .row1, .content_header .row2, .content_header .row3, .content_header .row3a, .content_header .row3b, .content_header .row3c, .content_header .row3d, .content_header .row4,
.content_body .row1, .content_body .row2, .content_body .row3,.content_body .row3a,.content_body .row3b,.content_body .row3c,.content_body .row3d, .content_body .row4, .content_body .row4a, .content_body .row5a
{
    float: left; color: black; padding-top: 1px; font-size: 11px; height: 21px;
}

.row1
{
    width: 50px; text-align: center;
}

.row2
{
    width: 80px; border-left: solid 1px #FCE9CA; overflow:hidden; text-align: left;
}

.row3
{
    width: 64%; text-align: left; padding-left: 5px; border-left: solid 1px #FCE9CA;
}

.row3a
{
    width: 375px; text-align: left; padding-left: 5px; border-left: solid 1px #FCE9CA;
}
.row3b
{
    width: 16%; text-align: left; padding-left: 5px; border-left: solid 1px #FCE9CA;
}
.row3c
{
    width: 380px; text-align: left; padding-left: 5px; border-left: solid 1px #FCE9CA;
}
.row3d
{
    width: 120px; text-align: left; padding-left: 5px; border-left: solid 1px #FCE9CA;
}
.row4
{
    text-align: center; width: 11%; border-left: solid 1px #FCE9CA;
}

.row4a
{
    padding-left: 0px; text-align: center; width: 9%; border-left: solid 1px #FCE9CA;
}

.row5a
{
    padding-left: 1px; text-align: center; width: 9%;
}

.content_action
{
    padding-top: 10px;
}

.content_action_tinymce
{
    padding-top: 5px; margin-right: 8px;
}

#addressWrapper
{
    padding: 10px 0 0 20px;
}

#currentservices, #listedtasks
{
    padding: 10px 0 0 20px;
}


/* Main navigation wraper */
#navwrap{margin:0 auto; padding:0;  background:url(images/nav_bg_sprite.png) top #ffffff repeat-x; background-position:0px -40px; height:20px; padding:5px 0px; border-top:2px solid #BAD3EA; }

/*Navigation menu*/
#nav{font-size:13px; padding-top:2px;}

#nav a{padding:7px 10px 7px 10px; color:#7FB6E6; text-decoration:none; }
#nav a:hover{padding:7px 10px 7px 10px; color:#666; background:url(images/nav_bg_sprite.png) repeat-x; background-position:0px -70px; text-decoration:none; border-top:2px solid #1A54E1;}

/*For selected item*/
#nav a.current{padding:7px 10px 7px 10px; color:#333; font-weight:bold; background:url(images/nav_bg_sprite.png) repeat-x; background-position:0px -70px; text-decoration:none; border-top:2px solid #1A54E1;}

/* START TASK BROWSER */
#task_lists_wrapper{
    height: 550px
}

.task_list
{
    width: 100%; float: left; margin-bottom: 10px;
}

.browse .task_list
{
    padding-top: 10px; 
}

.task_box
{
    margin-right: 30px; margin-bottom: 10px; height: 123px; width: 258px; background: url(images/taskbg.png); background-repeat:no-repeat; border: solid 2px white; float: left; 
}

.task_box:last-child
{
    padding-right: 0px;
}

.task_box_mini
{
    margin: 3px 7px 0 10px; padding-right: 15px; height: 127px; width: 265px; background: url(images/taskbg_mini.png); background-repeat:no-repeat; border: solid 0px white; float: left; 
}

.task_box_maxw
{
    margin-bottom: 5px; 
    height: 127px; 
    width: 313px; 
    background: url(images/taskbg_max.png); 
    background-repeat:no-repeat; 
    border: solid 2px white; 
    float: left; 
}

.task_box_maxw:first-child
{
    padding-right: 55px;
}

.task_created
{
    /* padding: 4px 10px 0 123px;*/
    float: right; 
    padding: 4px 10px 10px 0; 
    font-family: Arial; 
    font-size: 11px; 
    font-weight: normal; 
    height: 15px; 
    border: dashed 0px black;
}

.task_budget
{
    font-family: "Segoe UI",Tahoma, Arial, Helvetica, sans-serif; 
    padding: 0 0 5px 27px; 
    font-weight: bold; 
    font-size: 13px; 
    height: 15px; 
    border: solid 0px blue;
    width: 90%;
    clear:both;
}

.task_budget #content
{
    border: solid 0px blue; float: left; padding-right: 5px;
}

.task_budget #attrib
{
    border: solid 0px blue; float: left; padding-top:1px;
}

.task_title
{
    font-family:"Segoe UI",Tahoma,Arial,Helvetica,sans-serif; padding: 5px 0 0 27px; font-size: 13px; height: 40px; border: dashed 0px blue; width: 225px; overflow:hidden;
}
.task_title a, .task_postname a
{
    text-decoration: none; color: #424242;
}

.task_title a:hover, .task_postname a:hover
{
    text-decoration: underline; color: #424242;
}

.task_postname
{
    font-family: Calibri; padding: 5px 0 0 27px; font-style:italic; font-size: 12px; color: gray;
}
/* END TASK BROWSER */
.red { color:Red; }
.gray { color:gray; }
.boldblack { font-weight:bold; color:#000000; }

.filter_options
{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: dotted 2px #ddd;
    width: 737px;
}
.congratulations { font-size: 1.6em; color: #000; padding-bottom: 10px; font-weight: bold; }
.nextstep { font-size: 1.2em; color: #222222; padding-bottom: 10px; font-weight: bold; }

.latestoffer
{ 
    height:22px;
    width: 223px; 
    background: url(images/latestoffer_bg.png); 
    background-repeat:no-repeat; 
    border: dashed 0px lightgreen;
    padding-top: 3px;
    font-size: 12px; font-weight:bolder;
}

.accountLabels
{
    float: left; width: 199px; height: auto;
    margin-top: 0px;
}

.accountLabels .label
{
    height: 15px; width: 187px; padding: 5px 0px 10px 10px; background-color: #f2f4f2; border: 1px solid white; font-family: Tahoma, Arial, Verdana; letter-spacing: .1em; font-size: 12px;
}

.accountFields .field
{
    height: 30px; width: 735px; background-color: #e2e2e2; padding: 0px 0px 0px 5px;
    border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white;
    line-height: 2.5em;
}

.accountFields .field span
{
    padding-left: 20px;
}

.accountFields .field span a
{
    text-decoration: none;
    font-weight: bold;
}

.plain14_help
{
    font-size:1.3em;
    margin-bottom: 20px;
    line-height: 1.5em;
    text-align:justify;
    padding: 0 30px 0 0;
}

/* START MISCELLANEOUS */
a[id^="itemReference_"]
    {
        font-family:Consolas;
        font-weight:bold;
        font-size:12px;
        text-decoration:none;
        color:Blue;
    }
span.classic
{
    background-color: #F3F5F7;
    color: #777777;
    font-size: smaller;
    font-weight: bold;
    text-transform: uppercase;
}
#outerbox p
{
    font-size:14px;
    line-height:1.5em;
    -webkit-margin-before: .5em !important;
    -webkit-margin-after: .5em !important;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
/* END MISCELLANEOUS */