* {
	margin: 0px;
	padding: 0px;
}
/* so that the rad grid does not display the items per page box */
.rgAdvPart 
    { 
        display: none; 
    } 
.hidden {
	display: none;
}

.clearer {
	clear: both;
}

.testleft {
	clear: left;
}
.left {
	float: left;
	
}
.right {
	float: right;
	text-align: right;
}
.right_body {
	font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}
.watermarked {
				width:207px;
                border:1px solid #7492b3;
                background-color:#F0F8FF;
                color:gray;
}              

input.left {
	margin-right: 10px;
}
input.right {
	margin-left: 10px;
}


.col_left {
	float: left;
	width: 48%;
}
.col_right {
	float: left;
	width: 48%;
	margin-left: 20px;
}
/* color change from black type to gray */
p {
	margin-bottom: 20px;
	color:#525252;
}

h5 {
   font-size: 13px;
}

ol, ul {
	padding: 0px 20px 0px 30px;
}
li {
	margin-bottom: 10px;
}

.notes, .small {
	font-size: 80%;
}
.smalledit {
	font-size: 90%;
	font-weight: normal;
}
th.notes {
	font-weight: normal;
	text-align: center;
}

.label {
	font-weight: bold;
}

a img {
	border: none;
}


table.radiobtn_list input{	float: left;}
table.radiobtn_list label{	margin-left:10px; display: block;	}


img.portrait {
   padding: 1px;
   border: 2px solid #ffa12c;
   margin: 0px 0px 10px 10px;
}

.media {
	float: right;
	text-align: center;
	margin-bottom: 10px;
	margin-left: 0px;
}
.media img {
	border: 1px solid #aaa !important;
}
.media input.button {
	margin-top: 6px;
}

.caption {
	font-size: 80%;
}

table.chart {
	width: 100%;
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #bbb;
	border-spacing: 0px;
}
table.chart th {
	background-color: #cecece;
	text-align: left;
	border-bottom: 1px solid #909090;
	padding: 3px 3px 3px 10px;
	font-size: 13px;
}
html>body table.chart th {
	padding: 0px 0px 0px 10px;
}
table.chart td {
	padding: 3px 3px 3px 10px;
}
html>body table.chart td {
	padding: 2px 2px 2px 10px;
}
table.chart tr {
	background-color: #f7f7f7;
}
table.chart tr.alt {
	background-color: #e5e5e5;
}
table.pagination td {
	font-size: 9px;
	width: 33%;
}
/* color change from black type to gray & font to 12px*/
body {
	background: #888 url(/images/bg_body.gif) repeat top center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#525252;
	padding-top: 0px;
	text-align: center;
	
}


#thumblist li

{
display: inline;
list-style-type: none;
padding-right: 2px;
}
/* ----------------------------- WRAPPER ----------------------------- */
#wrapper {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
#wrapper a {
	color: white;
}
#wrapper a:hover {
	color: #ffd095;
}
#wrapper .GridHeader_WebBlue a:link {
	color: white;
}

#wrapper .GridHeader_WebBlue a:visited {
	color: white;
}

/* ----------------------------- HEADER ----------------------------- */
#header {
	background: url(/images/bg_header2.gif) no-repeat top left;
	height: 95px;
}
#header h1 {
	float: left;
}
#header h1 a {
	width: 435px;
	height: 95px;
	display: block;
}

#header h1 span {
	display: none;
}
#header h2 {
	display: none;
}

#header #alert {
	float: left;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	text-decoration: blink;
	color: Teal;
	margin-top: 15px;
	margin-right: 13px;
	width: 240px;
}
html>body #header #alert {
	margin-left: 10px;
	
}

#header #status {
	float: right;
	text-align: right;
	font-size: 10px;
	margin-top: 50px;
	margin-right: 13px;
}
html>body #header #status {
	margin-right: 25px;
}

/* ----------------------------- CONTENT ----------------------------- */
/* change from 13px to 12px */
#content {
	background: url(/images/bg_content_outside1.gif) repeat-y top left;
	font-size: 12px;
	padding: 0px 7px;
}
#content.full {
	background: url(/images/bg_content_outside_full1.gif) repeat-y top left;
}
#content a {
	color: #7492b3;
}
#content a:hover {
	color: #002e4f;
}

/* ----------------------------- COLUMN_LEFT ----------------------------- */
#column_left {
	background: url(/images/bg_content.gif) repeat-x top center;
	width: 177px;
	float: left;
	padding-top: 12px;
	padding-left: 12px;
}
html>body #column_left {
	width: 177px;
}
#column_left div.box {
	width: 165px;
	background-color: #e1e6eb;
	margin-bottom: 10px;
}
#column_left div.box h3 {
	height: 19px;
	padding-left: 9px;
	font-size: 11px;
	line-height: 19px;
	color: white;
}
#column_left div.box .inner {
	padding: 6px 8px 8px 8px;
	border-top: none !important;
	font-size: 11px;
}
#column_left div.box ul {
	list-style: none;
	padding: 0px;
}
#column_left div.box li {
	margin-bottom: 4px;
}
#column_left #roletasks .inner {
	border: 1px solid #7492b3;
}
#column_left #roletasks h3 {
	background-color: #7492b3;
}
#column_left #mygorilla .inner {
	border: 1px solid #ffa12c;
}
#column_left #mygorilla h3 {
	background-color: #ffa12c;
}
#column_left #myadmin .inner {
	border: 1px solid #C00;
}
#column_left #myadmin h3 {
	background-color: #C00;
}
#column_left #affiliatesales .inner {
	border: 1px solid #C00;
}
#column_left #affiliatesales h3 {
	background-color: #C00;
}
#column_left #myevents .inner {
	border: 1px solid #909090;

}
#column_left #myevents h3 {
	background-color: #909090;
	font-size: 11px;
}
#column_left #myevents h4 {
	text-align: center;

	margin-bottom: 6px;
}
/* ----------- My Assets --------- */

#column_left #myassets .inner {
	border: 1px solid #909090;

}
#column_left #myassets h3 {
	background-color: #909090;

}
#column_left #myassets h4 {
	text-align: center;
	font-size: 11px;
	margin-bottom: 6px;
}
#column_left #poll .inner {
	border: 1px solid #909090;

}
#column_left #poll h3 {
	background: url(/images/box_poll_top.gif) no-repeat top center;
}
#column_left #poll h4 {
	text-align: center;
	font-size: 11px;
	margin-bottom: 6px;
}
#column_left #poll .rateit {
	margin: 5px 0px 4px 0px;
}
#column_left #poll .rateit img {
	margin-right: 2px;
}
#column_left #poll select {
	font: 7pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 1px;
}
#column_left #poll textarea {
	font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 141px;
}
#column_left #poll input.button {
	margin-top: 4px;
	margin-left: 34px;
}
#column_left #poll input {
	margin-right: .3em;
	float: left;	
}

/* ----------------------------- COLUMN_CENTRAL ----------------------------- */
#column_central {
	background: url(/images/bg_content.gif) repeat-x top center;
	width: 563px;
	float: left;
	min-height: 700px;
	padding-top: 10px;
	padding-right: 12px;
	display:inline;
	
}

html body #column_central {
width:563px;
display:inline;

}

#column_central div.box {
	width: 563px;
	margin-bottom: 10px;
}
#column_central div.box h3 {
	height: 19px;
	padding-left: 9px;
	font-size: 13px;
	line-height: 19px;
	color: white;
}
#column_central div.box .inner {
	padding: 4px 2px 2px 4px;
	border-top: none !important;
	height: 563px;
	width: 165px;
	font-size: 10px;
}
#column_central div.box ul {
	list-style: none;
	padding: 0px;
}
#column_central div.box li {
	margin-bottom: 4px;
}

#column_central h2 {
	font: 14pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}
#column_central h2 span.small {
	font-size: 8pt;
}
#column_central h3 {
	font: 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}
#column_central p {
	font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	
}
#content.full #column_central {
	width: 876px;
	padding: 12px;
}

/* ----------------------------- Home Page Control Boxes ----------------------------- */
/* ----------------------------- Home Page Left sub-column of Central Column --------- */
/* ----------------------------- My Jobs                                     --------- */
#column_central #myjobs{
	width: 165px;
	float: left;
	margin-top: 10px;
}
html body #column_central #myjobs {
width:165px;
}
#column_central #myjobs div.box {
	width: 165px;

}
#column_central #myjobs .inner {
	width: 157px;
	border: 1px solid #7492b3;
	background-color: #e5e5e5;
	float:left;
	height: 260px;
	margin-top: -8px;
	
}
#column_central #myjobs h3 {
	background: url(/images/box_roletasks_top.gif) no-repeat top center;	
	width: 165px;
	line-height: 19px;
	color: white;
	font-size: 13px;
	margin-left: -5px;
	float:left;
}
/* ----------------------------- End of My Jobs                               --------- */
/* ----------------------------- My RFQs                                      --------- */
#column_central #myrfqs{
	width: 165px;
	float: left;
	margin-top: 10px;
}
html body #column_central #myrfqs {
width:165px;
}
#column_central #myrfqs div.box {
	width: 165px;

}
#column_central #myrfqs .inner {
	width: 157px;
	border: 1px solid #7492b3;
	background-color: #e5e5e5;
	float:left;
	height: 260px;
	margin-top: -8px;
	
}
#column_central #myrfqs h3 {
	background: url(/images/box_roletasks_top.gif) no-repeat top center;	
	width: 165px;
	line-height: 19px;
	color: white;
	font-size: 13px;
	margin-left: -5px;
	float:left;
}
/* ----------------------------- End of My RFQs                               --------- */
/* -----------------------------  Featured Profile                                    --------- */
#column_central #featured_profile{
	float: left;
	
}
html body #column_central #featured_profile {
width: 268px;
}
#column_central #featured_profile div.box {
	margin-bottom: 10px;

}	
#column_central #featured_profile .inner {
	width: 267px;
	border: 1px solid #909090;
	background-color: white;	
	height: 337px;
	margin-top: -8px;
	overflow:auto;
	
}
#column_central #featured_profile h3 {
	background-color: #909090;
	width: 266px;
	line-height: 19px;		
	color: white;
	font-size: 13px;
	margin-bottom: 8px;

}
#column_central #featured_profile h4 {
	font-size: 11px;
}
/* ----------------------------- End of Featured Profile                      --------- */
/* ----------------------------- Home Page Right sub-column of Central Column --------- */

/* ----------------------------- End of My News                               --------- */
/* -----------------------------  My News                                    --------- */
#column_central #mynewsc{
	float: right;
	margin-right: 8px;
	
}
html body #column_central #mynewsc {
width: 268px;
}
#column_central #mynewsc div.box {
	margin-bottom: 10px;

}	
#column_central #mynewsc .inner {
	width: 267px;
	border: 1px solid #909090;
	background-color: white;	
	height: 337px;
	margin-top: -8px;
	overflow:auto;
	
}
#column_central #mynewsc h3 {
	background-color: #909090;
	width: 266px;
	line-height: 19px;		
	color: white;
	font-size: 13px;
	margin-bottom: 8px;

}
#column_central #mynewsc h4 {
	font-size: 11px;
}

 
/* ----------------------------- End of My News                               --------- */
/* ----------------------------- End Left and Right sub-columns ------------------- */
/* ----------------------------- COLUMN_CENTRAL End  ----------------------------- */

/* ----------------------------- QUICKSEARCH ----------------------------- */
#quicksearch {
	line-height: 20px;
	font-size: 11px;
}
#quicksearch input.radio {
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: -2px;
}
#quicksearch input.button {
	margin-top: 6px;
	font-size: 11px;
	
}
#quicksearch h3 {
	margin-top: 8px;
	margin-bottom: 0px;
}

/* ----------------------------- FORM_2COLUMN and other form controls ----------------------------- */
.form_2column label {
	width: 150px;
	display: block;
	float: left;
	text-align: right;
	margin-top: 4px;
	
}

.form_2column input, .form_2column select {
/* --	margin-top: 4px;  I killed this line to fix the RadCombobox vertical alignment problem - */
	margin-left: 8px;
}
.form_2column td input, .form_2column td select {
	margin-left: 0px;
}

.nofloat label {
	width: auto !important;
	
}
label.nofloat {
	float: none;
	display: inline;
	
}

input.field, select, textarea {
   font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
   border: 1px solid #7492b3;
   padding: 2px;
}
input:hover.field, select:hover, textarea:hover {
	background-color: #eee;
}
input:focus.field, texarea:focus {
	background-color: #eee;
}
input.field {
	width: 204px;
}
#edit_registry fieldset#event_promoter_contact_information input.field {
	width: 160px;
}
input.field20 {
	width: 20px;
}
input.field35 {
	width: 35px;
}

input.field40 {
	width: 40px;
}
input.field60 {
	width: 60px;
}
input.field95 {
	width: 95px;
}
input.field130 {
	width: 130px;
}
input.field150 {
	width: 150px;
}

input.field160 {
	width: 160px;
}
input.field250 {
	width: 250px;
}
input.field270 {
	width: 270px;
}
input.field315 {
	width: 315px !important;
}

select:focus, textarea:focus {
	background-color: white;
}

label.disabled {
	color: #999;
}
input.disabled, textarea.disabled {
	background-color: white;
	border-color: #999;
}
input:hover.disabled, texarea:hover.disabled {
	background-color: white !important;
}

option {
   padding: 1px;
}

input.button {
	color: white;
	text-align: center;
	font-weight: bold;
	border: 0px;
	width: 100px;
	height: 28px;
	background: url(/images/light_blue_button.gif) top left no-repeat;
	cursor: pointer;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
input.button2 {
	color: white;
	text-align: center;
	font-weight: bold;
	border: 0px;
	width: 100px;
	height: 28px;
	background: url(/images/button_blue.gif) top left no-repeat;
	cursor: pointer;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
input.secondary {
	background: url(/images/dark_orange_button.gif) top left no-repeat;
}
input:hover.button {
	color: #a4c2e3;
}
input:hover.secondary {
	color: #ccc;
}
fieldset {
	border: 1px solid #aaa;
	padding: 10px;  /* padding in fieldset support spotty in IE */
	margin: 0;
	background: #e7e7e7;
}

fieldset legend {
	font-weight: bold;
	color: #666;
	font-size: 1.1em; /* bump up legend font size, not too large or it'll overwrite border on left
                         be careful with padding, as it'll shift the nice offset on top of border  */
}

.error_message {
	color: #a00;
}

.required {
	font-size: 80%;
	color: #a00;
}
p.required {
	margin-bottom: 10px;
	text-align: right;
}

.symbol {
}

.login label {
	width: 100px;
	text-align: left;
	float:left
}
.login input {
	float:left
}
#edit_preferences label {
	width: 130px;
}
#edit_preferences .settings label {
	width: 110px;
}
#select_role label {
	width: 100px;
}
#edit_preferences select {
	margin-bottom: 4px;
}

#radbutton input{
	margin-right: .3em;
	margin-left: 150px;
	float: left;	
}


/* ----------------------------- SHOW_PROFILE ----------------------------- */
#show_profile .label {
	padding-right: 10px;
	font-weight: bold;
	
}
#show_profile td {
	vertical-align: top;
}
#show_profile h3 {
	margin: 0px;
	padding: 0px;
}

/* ----------------------------- SCROLL_BOX ----------------------------- */
#scroll_box {
	width: 85%;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	height: 450px;
	overflow: scroll;
	background-color: #f0f0f0;
	border: 1px solid #aaa;
}
/* ----------------------------- SCROLL_BOX ----------------------------- */
#RSSNews_box {
	width: 96%;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	height: 520px;
	overflow: scroll;
	background-color: #f0f0f0;
	border: 1px solid #aaa;
}
/* ----------------------------- MESSAGE_BOX ----------------------------- */
#message_box {
	width: 85%;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	height: 150px;
	background-color: #f0f0f0;
	border: 1px solid #aaa;
}
/* ----------------------------- MESSAGE_BOX_UPLOAD ----------------------------- */
#message_box_upload {
	width: 95%;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	height: 150px;
	background-color: #f0f0f0;
	border: 1px solid #aaa;
}
/* ----------------------------- FAQ_BOX ----------------------------- */
#FAQ_box {
	width: 90%;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	height: 400px;
	overflow: scroll;
	background-color: #f0f0f0;
	border: 1px solid #aaa;
}

/* ----------------------------- COLUMN_RIGHT ----------------------------- */
#column_right {
	background: url(/images/bg_content.gif) repeat-x top center;
	width: 178px;
	float: right;
	padding: 12px;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	
}
html>body #column_right {
	width: 178px;
	font: 9pt Arial, Verdana, Geneva, Helvetica, sans-serif;
	display:inline;
}
#column_right .inner {
	padding: 6px 0px 0px 0px;
	margin-left: 0px;
	position:relative;
	
}
#column_right h4 {
	font: 9pt Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-align: left;
	font-weight:bold;
}
#column_right h5 {
	font: 9pt Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-align: left;
	font-weight:normal;
	color: #027319;
}
#column_right a {
	color: #264d69;
	font: 9pt Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration:none;
}

#column_right a.h3 {
	color: #264d69;
	font: 10pt Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight:bolder;
	text-decoration:underline;
}

#column_right span.a {
	color: #999;
}
#column_right .radr_clipRegion  
    {  
        border: none 0px !important;  
    } 
#GTC_RightColumn2_Div {
	width:180px;
}	 
/* ----------------------------- FOOTER ----------------------------- */
#footer {
	background: url(/images/bg_footer1.jpg) no-repeat top left;
	text-align: center;
	padding: 10px 20px 0px 20px;
	height: 64px;
	font-size: 13px;
}
#footer #keywords {
	margin-top: 6px;
	font-size: 10px;
}

/* ----------------------------- COPYRIGHT ----------------------------- */
#copyright {
	color: black;
	text-align: center;
	font-size: 9px;
}
#copyright a {
	color: white;
}
#copyright a:hover {
	color: #ccc;
}

/*------------Image Gallery---------------------------------------------*/
#thumblist
{
	padding:0;
    margin:0;

}
#thumblist li
{
display: inline;
list-style-type: none;
padding:0;
    margin:0;	
}
#thumblist img
{
padding:0 !important;
margin:0 !important;
}
/* -- check_Box_1line ------------*/
.check_Box_1line label 
{
	width: 150px;
	display:inline;
	float: left;
	text-align:left;
    vertical-align:bottom;
	text-indent:25px;
	margin-top: -19px;
}

.check_Box_1line input, .check_Box_1line Label 
{
	margin-left: 4px;
    vertical-align:bottom;
}
.check_Box_1line td input, .check_Box_1line td select {
		margin-left: 4px;
    vertical-align:bottom;

}
/* -- check_Box_1line300 ------------*/
.check_Box_1line300 label 
{
	width: 300px;
	display:inline;
	float: left;
	text-align:left;
    vertical-align:bottom;
	text-indent:25px;
	margin-top: -19px;
}

.check_Box_1line300 input, .check_Box_1line300 Label 
{
	margin-left: 4px;
    vertical-align:bottom;
}
.check_Box_1line300 td input, .check_Box_1line300 td select {
		margin-left: 4px;
    vertical-align:bottom;

}
/* -- check_Box_1line200 ------------*/
.check_Box_1line200 label 
{
	width: 200px;
	display:inline;
	float: left;
	text-align:left;
    vertical-align:bottom;
	text-indent:25px;
	margin-top: -19px;
}

.check_Box_1line200 input, .check_Box_1line200 Label 
{
	margin-left: 4px;
    vertical-align:bottom;
}
.check_Box_1line200 td input, .check_Box_1line200 td select {
		margin-left: 4px;
    vertical-align:bottom;

}
/* -- check_Box_1line400 ------------*/
.check_Box_1line400 label 
{
	width: 400px;
	display:inline;
	float: left;
	text-align:left;
    vertical-align:bottom;
	text-indent:25px;
	margin-top: -19px;
}

.check_Box_1line400 input, .check_Box_1line400 Label 
{
	margin-left: 4px;
    vertical-align:bottom;
}
.check_Box_1line400 td input, .check_Box_1line400 td select {
		margin-left: 4px;
    vertical-align:bottom;

}
.cssgraysmallbox, .cssgraysmallbox_body, .cssgraysmallbox_head, .cssgraysmallbox_head h4 {
    background: transparent url(/images/VarPortal/Rounded_box_VP_gray.png) no-repeat bottom right;

} 
.cssgraysmallbox { 
    width: 155px !important; /* intended total box width - padding-right(next) */
    width: 140px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin-left:0px; /* use to position the box */ 
	margin-top: 0px; /* use to position the box */ 
} 


/* set the top-right image */ 
.cssgraysmallbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 10px; /* right-image-gap + right-inside padding */
} 

/* set the top-left image */ 
.cssgraysmallbox_head h4 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
	color: white; /* set the header text color*/
    border: 0; /* ditto */ 
    padding: 8px 0 0px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 

	font-size: 13px;
	font-weight: bold;
} 

/* set the lower-left corner image */ 
.cssgraysmallbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 8px 0 12px 10px; /* mirror .cssbox_head right/left */
    min-height: 1%; /* IE 7 fix */
} 
.cssgraysmallbox_body li {width: 130px; padding: 3px; margin: 2px; border-width: 1px; font-size: 11px; list-style-type:none; }
.cssgraysmallbox_body a:link {text-decoration: none;}
.cssgraysmallbox_body a:visited {text-decoration: none;}

