/* 
 *
 *  COIN main css file
 * 
 *  Created : Yutaro Mori : May 12 2011
 * 
 */

/*** The Essential Code ***/

* {
    margin:0; 
    padding:0;
}

/*** The Essential Code ***/
body {
    /*min-width: 570px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}

#background{
	border-top: 1px solid;
	border-color: #5a5a5a;
}

#wrap{
	width: 960px;
	margin: 0 auto;
}

#container {
    padding-left: 208px;      /* LC fullwidth */
    padding-right: 40px;     /* RC fullwidth + CC padding */
}

#container .column {
    position: relative;
    float: left;
}

#center {
    padding: 10px 20px;       /* CC padding */
    width: 100%;
}

#left {
    width: 217px;             /* LC width */
    /*padding: 0 6px 0 32px;          /* LC padding */
    right: 248px;             /* LC fullwidth + CC padding */
    margin-left: -100%;
	border-right: 1px solid;
	border-color: #5a5a5a;
}

#header {
    height: 32px;
}

#header_container{
	width:960px;
	margin:0 auto;
	position:relative;
}

#header_icon {
    top:0px;
    left:76px;

    position:absolute;
	width:142px;
	height:37px;
	background-image:url(../img/coin.header.icon.png);
}

#footer {
    clear: both;
	width:960px;
	margin: 0 auto;
	height:32px;
}

/*** IE Fix ***/
* html #left {
    left: 160px;              /* RC fullwidth */
}

img{
	border: 0;
}

/*** Equal-height Columns ***/

#container {
    overflow: hidden;
}

#container .column {
    padding-bottom: 20001em;     /* X + padding-bottom */
    margin-bottom: -20000em;     /* X */
}

/*** Footer Fix ***/

* html body {
    overflow: hidden;
}

* html #footer-wrapper {
    float: left;
    position: relative;
    width: 100%;
    padding-bottom: 10010px;
    margin-bottom: -10000px;
    background: #FFF;         /*** Same as body background ***/
}

/*** Just for Looks ***/
 
body {
    margin: 0;
    padding: 0;
    background: #FFF;
	
	font-family: "Trebuchet MS", "Helvetica Neue", tahoma, helvetica, arial, sans-serif;
}

p,h1,h2,h3,h4,h5,h6 {
	color:#434343;
}

#header{
    font-size: large;
    text-align: center;
    padding: 0.3em 0;
    background: #b7b7b7;
	background: -moz-linear-gradient(top, #d5d5d5, #b7b7b7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d5d5d5), to(#b7b7b7));
}

#container .column {
    padding-top: 1em;
    text-align: justify;
}

#topshadow{
	display:none;
}

#section_header{
	width:495px;
	height:50px;
	background:#14b007;
	position:relative;
	top: -12px;
	left: -10px;
	background: url(../img/section_header_gradient.png) repeat-x;
	/*background: -moz-linear-gradient(top, #68e05e, #1eaf13);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#68e05e), to(#1eaf13));*/
	-moz-border-radius:0px 0px 8px 0px;
    -webkit-border-radius:0px 0px 8px 0px;
}

#section_header h2{
	padding: 15px 0 0 10px ;
	font-size: 1.8em;
	font-weight:500;
	color:#ffffff;
	float:left;
}

#section_header h4{
	padding: 23px 0 0 15px ;
	font-weight:500;
	color:#ffffff;
	float:left;
}

#section_header_reflect {
	width:91px;
	height:50px;
	position:absolute;
	float:left;
	background: url(../img/section_header_reflect.png);
}

#center{
	font-size:.8em;
}

#center a{
	color: #14b007;
	text-decoration:none;
}

#center a:hover{
	text-decoration:underline;
}

#left {
	font-size:.85em;
	font-weight:500;
}

#header_logout{
	float: right;
	margin: 15px 10px 0px;
	font-size:.8em;
}

#header_logout a{
	color: #EEEEEE;
	font-weight:bold;
	text-decoration: none;
}

#header_logout a:hover{
	text-decoration: underline;
}

#bottom_border{
	height:1px;
	width:710px;
	background-color:#cecece;
	margin: 0 auto;
	position:relative;
	left:105px;
	top:-1px;
}

#footer {
	font-size:.75em;
	margin-top:5px;
}

#footer a{
	color:#434343;
	text-decoration: none;
}

#footer a:hover{
	text-decoration:underline;
}

#footer_right_links{
	float:right;
	margin-right:20px;
}

#footer_right_links ul{
	display:inline;
}

#footer_right_links ul li{
	float:left;
	margin-left:28px;
	list-style-type:disc;
	color:#dddddd;
}

#footer_right_links ul li.first{
	list-style-type:none;
}

.hidden{
	display:none;
}

/*** replace later ***/

#header_signin{
	display:none;
}

/*** end content to be replaced ***/

/*special items*/

#topmessage{
	/*background-color: #f3f3f3;*/
	position:relative;
	padding:14px 15px 10px;
}

#topmessage_container{
	border:1px solid #cecece;
	background-color: #f3f3f3;
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee));
	padding:0px;
	-moz-border-radius:4px 4px 4px 4px;
    -webkit-border-radius:4px 4px 4px 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.25);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.25);
}

#topmessage h2{
	color:#434343;
}

#topmessage p{
	color:#434343;
}

#topmessage p.instructions{
	color:#888888;
	font-style:italic;
}

#topmessage ul{
	margin-top:5px;
	margin-left:40px;
}

#topmessage li{
	color: #64c864;
}

#pbarCont{
	width:50%;
	position:absolute;
	top:23px;
	left:340px;
}
/***Progress Bar***/
#pbarTrack, #pbar{
	height:15px;
}

#pbarTrack{
	background-color:#b6d0b4;
	/*text-align:center;*/
	color: #434343;
}

#pbarTrack span{
	margin-left:10px;
	position:relative;
	top:-2px;
}

#pbar{
	background-color:#5fc955;
	float:left;
}

#flashMessage{
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.25);
	box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.25);
	color: #434343;
	border-color: #cecece;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee));
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee));
	padding:3px;
}

#messageWrapper #authMessage, #messageWrapper #flashMessage{
	padding: 8px;
	border-radius: 0px 0px 5px 5px; 
	-moz-border-radius: 0px 0px 5px 5px; 
	-webkit-border-radius: 0px 0px 5px 5px; 
	-webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.25);
	box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.25);
	border-width: 0px 1px 1px;
	border-style: solid;
}
#messageWrapper #authMessage{
	color:#e83938;
	background: #ffeeee;
	border-color: #ffcccc;
}
#messageWrapper #flashMessage {
	color: #434343;
	border-color: #cecece;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee));
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee));
}

#messageWrapper{
	font-size:.8em;
	
	position:relative;
	display: inline-block;
	
	margin-top: -5px;
	-webkit-animation: flashAnimation 1s ease;
	-moz-animation: flashAnimation 1s ease;
	cursor:default;
	-webkit-transition:all 1.0s ease;
	-moz-transition:all 1.0s ease;
	-o-transition:all 1.0s ease;
	-ms-transition:all 1.0s ease;
}

#messageWrapper:focus{
	top: -50px;
}

@keyframes flashAnimation{
	from{top:-50px;}
	to{top:0px;}
}
@-webkit-keyframes flashAnimation{
	from{top:-50px;}
	to{top:0px;}
}
@-moz-keyframes flashAnimation{
	from{top:-50px;}
	to{top:0px;}
}
/*
#flashMessage{
 	left:380px;
	top:14px;
}*/

a.help-me{
	margin: 0 2px;
	position: relative;
	text-decoration: none;
	cursor:default;
}

#center a.help-me:hover{
	text-decoration: none;
}

div.tooltip{
	position:absolute;
	padding:5px;
	background: #ffffff;
	color: #434343;
	font-size:9pt;
	font-weight: normal;
	text-decoration:none;
	width:300px;
	z-index:10000;
	/*right:0px;*/
	
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.25);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.25);
	
}

/**** Expertise Area *****/
a#add-area-to-list, #center a#add-area-to-list, #topcontent a#add-area-to-list{
	margin-left: 10px; text-decoration: none; font-size: 0.8em; color: rgb(143, 187, 236); display: inline; 
}

/**** End Expertise Area *****/

/**** CVF Framework *****/

span.cvf{
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	padding:3px;
	margin:2px 0;
	display:inline-block;
}
span.cvf.cvf-link{
	margin-top: -1px;
	padding: 1px 3px;
}

.cvf-green{
	color:#14b007;
	background-color:#a7eea1;
}
.cvf-red{
	color:#e53333;
	background-color:#f7a1a1;
}
.cvf-blue{
	color:#1375e2;
	background-color:#a6caf2;
}
.cvf-yellow{
	color:#ecbc00;
	background-color:#fbf4d8;
}

.cvf-green.no-bg, .cvf-blue.no-bg, .cvf-red.no-bg, .cvf-yellow.no-bg{
	background-color:transparent;
}

a.cvf-link{
	text-decoration:none;
}

/**** End CVF Framework *****/

/**** Bevel Button ****/

.button{
	display:inline-block;
	border:1px solid #646464;
	margin:0 auto;
}
.button .button_inner{
	background-color:#28b038;
	color:#ffffff;
	padding:2px 4px;
	border-right:1px solid #96d99d;
	border-left:1px solid #1f892b;
	font-weight:bold;
}

.button.red .button_inner{
	background-color:#a81010;
	color:#ffffff;
	padding:2px 4px;
	border-right:1px solid #e48b8b;
	border-left:1px solid #901515;
	font-weight:bold;
}

#center .button a:hover{
	text-decoration:none;
}

/**** End Bevel Button ****/

/**** Watch and Bid Buttons ****/


div.index-button{
	width:100px;
	border:1px solid #aaaaaa;
}

#center div.index-button a:hover{
	text-decoration:none;
}

div.index-button-inner{
	padding:2px 4px;
	color:#f8f8f8;
	font-weight:bold;
	font-size:.9em;
}

/*** Watch Button ***/

div.index-button .index-button-link.watch .index-button-inner{
	background-color:#d3d3d3;
	color:#434343;
	border-right:1px solid #f0f0f0;
	border-left:1px solid #cdcdcd;
	font-weight:normal;
}
div.index-button:hover .index-button-link.watch .index-button-inner{
	background-color:#e0e0e0;
}
div.index-button .index-button-link.watching .index-button-inner{
	background-color:#28b038;
	border-right:1px solid #96d99d;
	border-left:1px solid #1f892b;
}
div.index-button .index-button-link.unwatch .index-button-inner{
	background-color:#e83938;
	border-right:1px solid #f58383;
	border-left:1px solid #9c1010;
}
/*** End Watch Button ***/

/*** Bid Button ***/

div.index-button .index-button-link.bid .index-button-inner{
	background-color:#d3d3d3;
	color:#434343;
	border-right:1px solid #f0f0f0;
	border-left:1px solid #cdcdcd;
	font-weight:normal;
}
div.index-button:hover .index-button-link.bid .index-button-inner{
	background-color:#e0e0e0;
}
div.index-button .index-button-link.bid-submitted .index-button-inner{
	background-color:#FFA500;
	border-right:1px solid #FFB520;
	border-left:1px solid #EF9500;
}

/*** End Bid Button ***/

.index-button, .bid-button {
	display:inline-block;
}

/**** End Watch and Bid Buttons ****/

/**** Dialog Boxes ****/

.ui-dialog-content .window-profile h3{
	color: #ffffff !important;
	background-color: #6D7B6C;
	font-size: 1.53em;
	padding: 0px 18px;
	line-height: 39px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	margin: 0 0 4px -18px;
	width: 340px;
}

.ui-dialog-content .star_rating_display{
	position: absolute;
	right: 145px;
	top: 12px;
}

/**** End Dialog Boxes ****/

/**** Profile Components ****/

.window-specialty-name{
	font-size:1.2em
}

div.starrating{
	display:inline-block;
}
div.starrating.s {
	width:7px;
	height:14px;
	background:url(../img/star_display_mini.png) no-repeat;
}
div.starrating.s.left.full{
	background-position:0px -14px;
}
div.starrating.s.right.full{
	background-position:-7px -14px;
}
div.starrating.s.left.empty{
	background-position:0px 0px;
}
div.starrating.s.right.empty{
	background-position:-7px 0px;
}

div.starrating.f {
	width:13px;
	height:26px;
	background:url(../img/star_display.png) no-repeat transparent;
}
div.starrating.f.left.full.light{
	background-position:0px 0px;
}
div.starrating.f.right.full.light{
	background-position:-13px 0px;
}
div.starrating.f.left.empty.light{
	background-position:0px -26px;
}
div.starrating.f.right.empty.light{
	background-position:-13px -26px;
}
div.starrating.f.left.full.dark{
	background-position:0px -52px;
}
div.starrating.f.right.full.dark{
	background-position:-13px -52px;
}
div.starrating.f.left.empty.dark{
	background-position:0px -78px;
}
div.starrating.f.right.empty.dark{
	background-position:-13px -78px;
}

/**** End Profile Components ****/

/**** Stars and Star Buttons ****/

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
span.star-rating-control{position:relative;}
div.rating-cancel,div.star-rating{float:left;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.star-rating{width:26px;height:26px;}
div.rating-cancel{width:17px; height:15px;position:absolute;top:6px;}
div.rating-cancel,div.rating-cancel a{background:url(../img/star_delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(../img/star_rating.png) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:26px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -26px!important}
div.star-rating-hover a{background-position:0 -52px}
div.rating-cancel.star-rating-hover a{background-position:0 -16px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
div.star-rating-container div.input.radio fieldset label{
	display:none;
}

/**** End Stars ****/

/**** Thumbs ****/
.thumb_radio {margin: 10px 0}
.thumb_radio legend{margin-top:5px;}
.thumb_radio label{ background: url(../img/thumbs.png) no-repeat 0 -62px; width:63px; height:31px; display:inline-block; cursor:pointer;}
.thumb_radio label.thumbs_up{}
.thumb_radio label.thumbs_down{background-position: -63px -62px;}
.thumb_radio label.thumbs_up:hover{background-position: -0 -31px;}
.thumb_radio label.thumbs_down:hover{background-position: -63px -31px;}
.thumb_radio label.thumbs_up.r_on { background-position: 0 0; }
.thumb_radio label.thumbs_down.r_on { background-position: -63px 0; }
.thumb_radio input,
.thumb_radio input { position: absolute; left: -9999px; }

.specialty-verification .specialty-verification-icon{
	width:10px;
	height:12px;
	background: url(../img/thumbs_display.png) no-repeat;
	display:inline-block;
	margin:0 2px 0 8px
}
.specialty-verification.down .specialty-verification-icon{
	background-position: 0px -12px;
}

/**** End Thumbs ****/

/**** Utility Helpers ****/

.float-right{
	float:right;
}

.transparent{
	background-color:#ff0000;
	zoom: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE Fixes */
	filter: alpha(opacity=0);/* IE Fixes */
}