body {
background: #FFF;
font: 70% Arial, Tahoma, Verdana, Helvetica, sans-serif;
border-top: none;
}

#header {
background:  #000 url(../images/RE_Logo_rev77.png) 30px 0px no-repeat;
height: 77px;
position: relative;
}

#headerInBox {
background:  #000 url(../images/RE_Empty_Logo.png) 30px 0px no-repeat;
height: 77px;
position: relative;
}

/*forms-------------------------*/
input,  textarea, select, button{
background: #FFF;
border: 1px solid #ccc;
color: #000;
font-family: arial,helvetica,verdana,sans-serif;
font-size: 12px;
font-style: normal;
/*line-height: 20px;*/
margin: 3px 0;
padding: 5px;
text-shadow: 0 1px #FFF;
outline:0;
}

input[type="checkbox"]
{
border: none;
background: transparent;
}

input[type="radio"]{
border: none;
background: transparent;
margin: 0;
padding: 0;
}

button, .mainContent input[type=submit] 
{
background:#EA3327;
color: #FFF;
text-shadow: none;
}

.redButton input,
.redButton 
{
background: #EA3327;
color: #FFF;
text-shadow: none;
font-weight: bolder;
}

.whiteButton input,
.whiteButton 
{
background: #FFF;
color: #000;
text-shadow: none;
font-weight: bolder;
border: 1px solid #000;
}

.blackButton 
{
background: #333;
color: #FFF;
text-shadow: none;
font-weight: bolder;
}


/* Constants */
ul#constants li#logOut a { 
background: none; 
padding: 0 9px 0 5px;
}
ul#loggedInfo{
position: absolute;
color: #FFF;
top: 0px;
right: 0px;
}

/*primary nav-------------------------*/
.primaryNav li {
display: inline;
float: left;
margin: 0 0 0 5px;
}

.primaryNav li a,
.primaryNav li a:visited {
color: #000;
display: block;
float: left;
font-weight: bold;
background: #F5F5F5;
}
.primaryNav li a:hover{
background: #EA3327;
color: #FFF;
display: block;
float: left;
font-weight: bold;
cursor: pointer;
text-decoration: none;  
}
/* Selected */
.primaryNav li.selected a, 
.primaryNav li.selected a:visited, 
.primaryNav li.selected a:hover {
background: #EA3327;
color: #FFF;
}

/* Remove Span Style */
.primaryNav li a span, .primaryNav li a:hover span{
background: none;
display: inline;
float: left;
height: 20px;
margin: 0;
padding: 6px 10px;
}

/*submenu-------------------------*/
#submenu {
background: #F5F5F5;
height:20px;
position: relative;
}    

/* Hover */
.secondaryNav li a:hover {
color: #FFF;
cursor: pointer;
background: #000;
text-decoration: none;  
}
/* Selected */
.secondaryNav li.selected a, 
.secondaryNav li.selected a:visited, 
.secondaryNav li.selected a:hover {
color: #FFF;
background: #000;
} 
/*secondary nav-------------------------*/

.secondaryNav li {
display: inline;
float: left;
margin: 0;
}
		
.secondaryNav li a,
.secondaryNav li a:visited {
background: #ddd;
color: #000;
display: block;
float: left;
font-weight: bold;
}

.secondaryNav li a span {
display: inline;
float: left;
height: 24px;
padding: 3px 11px 1px 12px;
margin: 0;
}

/*side table-------------------------*/
.side{
margin:30px 0 0 20px;
}
.side table  tr{
margin: 0 0 5px 0;
display: block;
width: 360px;
font-size: 12px;
line-height: 18px;
}
.side table p{
margin: 5px 0 0 15px;
}
.side table  label{
margin: 0 0 0 15px;
font-size: 14px;
}
.side table  td{
}
.side table .tdSmallHeaderBar{
margin-top: -20px;
}
.side table .tdSmallHeaderBar_Blue,
.side table .tdSmallHeaderBar, .side table.tdSmallHeaderBarE{
background-color: #EA3327;
border-bottom: 3px solid #FFF;
padding: 7px 1px;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: bold;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
}
.side table {
background: #EEE;
width: auto;
margin: 0 0 40px 0;
*margin: 0;
padding: 0 0 20px 0;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius:15px;
}
.side table input, .side table select, .side table button{
margin-left: 16px;
}
td strong{
margin: 0;
font-size: 12px;
}
.tdHomePage{
font-size: 12px;
line-height: 18px;
}
/*footer-------------------------*/
#footer {
background: none repeat scroll 0 0 #FFF;
border-top: none;
font-size: 11px;
margin: 20px 0;
padding:  20px 0px 0px 26px;
position: relative;
}

#footer ul#navFooter {
margin-bottom: 20px;
}

/*sidebar focus box-------------------------*/
.focusAreas{
width: 21%;
margin-left: 20px;
padding-bottom: 30px;
}
.focusArea{
border: none;
background: none;
}
.focusAreas .focusArea
{
min-width: 240px;
}
.searchControls{
background: #EEE;
padding: 5px 15px 20px 15px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
}

/*h2-------------------------*/
.focusArea h2 {
background-color: #ea3327;
background-image: none;
color: #FFF;
font-size: 1.4em;
margin: 0 0 0px 0;
padding:10px 5px 10px 20px;
position: relative;
border-bottom: 3px solid #FFF;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
}

#content .focusAreas .searchControls{
background: #EEE;
padding: 5px 15px 20px 15px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
}

/*maincontent-------------------------*/
.mainContentEnvelope {
background: none repeat scroll 0 0 #FFF;
display: inline;
float: right;
min-height: 477px;
position: relative;
width: 77%;

}
.mainContentEnvelope .subHeader{

}
.mainContent{
border: none;
}
.mainContentEnvelope .mainContent .divResults {
background: #DDD;
border: none;
color: #000;
margin: 0 0 10px;
padding: 10px 5px 10px;
position: relative;
border: none;
}
.mainContent table input {
width: 66px;
}


/*tabs-------------------------*/
.mainContentEnvelope ul#tabs, 
.mainContentEnvelope ul.tabs2 {
background: #000;
border-bottom: medium none;
float: left;
width: 100%;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #ea3327;
    color: #FFF;
}
.ui-state-active a, .ui-state-active a:link {
color: #FFF;
}
/*misc-------------------------*/
#tblReports{
line-height: 20px;
}

.spnHeading{
background-color: #EA3327;
padding:10px 5px 10px 20px;
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: bold;
margin: -10px -10px 10px -10px;
display: block;
border-bottom: 3px solid #FFF;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
}

.spnHeadingLogin {
font-size: 16px !important;
font-weight: bolder;
}

.mainContentEnvelope .mainContentWhite .spnHeading{
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
}

/*Footer Slide Content
-------------------------------------------------------------- */
#footerSlideContainer {
position: fixed;
bottom:0;
left: 0;
width: 100%;
z-index: 4;
border-bottom: 2px solid #EA3327;
}
#footerSlideButton{
text-indent: -9999px;
position: absolute;
right: 0;
bottom: 0;
}
#footerSlideButton a{
display: block;
margin: 0;
width:139px;
height: 28px;
border-bottom: 0px;
background: transparent url('../images/getsocial.png') no-repeat top left;
cursor: pointer;
}
#footerSlideButton a:hover{
background-position: 0 -28px;
}
#footerSlideContent {
width: 100%;
height: 40px;
background: #EA3327;
color: #FFF;
display:none;
}
#footerSlideButton a.close{
background-position: 0 -56px;
}
#footerSlideButton a:hover.close{
background-position: 0 -84px;
}
#footerSlideContainer .wrapper{
width: 700px;
margin: 0 auto;
position: relative;
}
.social{
position: absolute;
right: 140px;
top: 10px;
margin:0;
padding: 0;
}
.social a{
margin: 0;
padding: 0;
}

/* Home page - flash content */

#flashContent
{
	height:100%;
	padding-left: 50px;
}

#MyGroupActivity
{
	padding: 4px 0px 2px 0px;
	clear: both;
}

#MyGroupActivity span
{
	font: Arial Black; 
	font-size: 20px;
	font-weight: bold;
}

#tradewings_whatsnew
{
    padding-left: 50px;
}


#homePartSearchActivity
{
	float:left;
}

#tradewings_whatsnew
{
}

/* Login & registration
-------------------------------------------------------------- */

body.login{
background: #FFF;
}

.login #header{
border-bottom: 2px solid #DDD;
}

.login #header a,
#header a.logoHome
{
    display: block;
    height: 80px;
    width: 200px;
}

.inputNoBorder input { 
background: none;
border: none;
}

#side{
float: left;
width: 270px;
margin: 20px 0 0 30px;
}
#login-box 
#registration-box{
width: 270px;
margin-bottom: 20px;
}
#login-box label{
font-size: 14px;
color: #000;
font-weight: bold;
width: 200px;
}
#login-box span label,
#registration-box span label{
font-weight: normal;
}
#login-box p{
width: 220px;
margin: 0 0 10px 0;
line-height: 22px;
}
#login-box input{
margin-right: 5px;
}

#registration-box input[type="text"],
#registration-box input[type="password"],
#login-box input[type="text"],
#login-box input[type="password"]
{
width: 200px;
}

#registration-box .ddlLocation
{
width: 211px;
}

#registration-box .selectbox{
  width:211px;
}

.side .selectbox{
    margin-left: 16px;
}


.focusArea .selectbox{
  width:191px;
}

.filterControls .selectbox {
    width: 25em;
}
    
#registration-box .selectbox .display
{
    width:201px;
    padding:5px;
}

.selectbox.items {
    width: auto;
}

#side .spnHeading{
background-color: #EA3327;
padding:10px 5px 10px 20px;
margin: 0;
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: bold;
display: block;
border-bottom: 3px solid #FFF;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
}
#side .grey-bg{
padding: 20px;
background: #EEE;
box-shadow: 0 3px 8px rgba(0,0,0,0.3);
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius:15px;
}

#side .help{
font-size: 12px;
padding: 0 0 0 20px;
}

#content .terms,
#content .privacy
{
    font-size: 16px;
}

#content ul.terms
{
    margin: 20px;
}

/* Registration
-------------------------------------------------------------*/

#side .grey-bg-registration{
padding:  5px 20px 10px 20px;
background: #EEE;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius:15px;
}

#registration-box label{
font-size: 11px;
color: #000;
font-weight: bold;
width: 200px;
}

#registration-box p{
width: 200px;
margin: 0 0 10px 0;
line-height: 12px;
}


/*Slides
-------------------------------------------------------------*/
/*#mycarousel{
overflow:hidden;
margin: 0;
padding: 0;
}
.jcarousel-control {
width: 748px;
height: 72px;
background: transparent url(../images/slides/bg.png) no-repeat top left;
}
.jcarousel-control a {
float: left;
width:156px;
height:72px;
list-style:none outside none;
font-size: 17px;
font-weight: bold;
font-family: Helvetica, arial, sans-serif;
padding: 10px 0 0 30px;
color: #8a8a8a;
text-align: left;
}
.jcarousel-control span{
display: none;
}
.jcarousel-control .active, .jcarousel-control a:hover  { 
background: transparent url(../images/slides/arrow.png) no-repeat top center;
color: #ed2223;
text-decoration: none;
}
.jcarousel-control .noactive, .jcarousel-control a:hover.noactive  { 
background: none;
}
.jcarousel-control a:focus { 
outline: none;
 }
.jcarousel-container{
margin: 0px;
overflow: hidden;
}
.jcarousel-clip-horizontal {
width:  748px;
height: 298px;
}
.jcarousel-item {
width:  748px;
height: 299px;
}
*/

/* TW-ICON BUTTON container (to have two buttons in one line) */
.btnContainer
{
	padding-top: 10px;
}

.btnContainer .btn
{
	display: inline;
	float: left;
	padding-right: 5px;
}
/* ENDOF: TW-ICON BUTTON container (to have two buttons in one line) */

.tw-icon.InvitationSendCall
{
    position:absolute;
    top:15px;
    left:220px;
    height:45px;
    width:223px;
    background: url(../images/buttons_oversized_addusers.png) 0px 0px no-repeat;
}

.InvitationSendCall:hover
{
    background: url(../images/buttons_oversized_addusers_roll.png) 0px 0px no-repeat;
}

.label_checkbox_pair {
    clear: both;
    padding: 10px 30px 25px 0px;
}

.label_checkbox_pair input 
{
    margin:10px;
    *margin:5px;
    padding:0px;
    border:1px;
}

.label_checkbox_pair label { display: block; float: left; }

.tw-icon.email
{
    height:29px;
    width:73px;
    background:  #fff url(../images/buttons_oversized_email2.png) 0px 0px no-repeat;
}

.tw-icon.rss
{
    height:29px;
    width:61px;
    background:  #fff url(../images/buttons_oversized_rss2.png) 0px 0px no-repeat;
}

.ui-widget-content a.syndicationFeed
{  
    color: Red;
    text-decoration: underline;
}

.uploadWizardStepCaption
{
    font-size: 150%;
}

.error { color: Red; }

.text.ui-widget-content { display: block; }

#shopingCartLeftMsgText {
font-size: 14px; 
}

.focusArea input{ vertical-align: middle; }
.focusArea input[type="text"]{ width:170px; }

table.filterControls.reports td select
{
    display:block;
}

table.filterControls.reports td span.resultTxt
{
    /*padding-top:42px;*/
    /*vertical-align: middle;*/
}

table.filterControls.reports td span.resultTxt input[type="checkbox"]
{
    width:auto;
    vertical-align: middle;
}

table.filterControls.reports tr td
{
    vertical-align: middle;
}

.userText { font-size:130%;}

.partAttributesInfo .headerTxt { font-size:1.2em; font-weight:bold;}
table.partAttributeGroupInfo { border: none;}

table.contentTable { border: solid 1px #666666; }
table.contentTable tbody td 
{
	border-right: medium none; 
	border-left: medium none; 
	border-top: medium none; 
	border-bottom: medium none; 
}

.DownloadSampleTemplate
{
	display:block;
	height:24px;
	width:24px;
    background: url(../images/TWicon_download_roll.png) 0px 0px no-repeat;
}