body
 {
 	margin: 0;
 	border: 0;
 	padding: 0;
 }
 
  #session_headerbtns 
 { float: right; position: relative; top: -8px; right: -8px; }
 
 #session_headerbtns button  { 
  margin-right: 16px;
 }

  #session_rightcolbtn 
 {
 padding: 6px;
 text-align:center;
 
 }
  #session_rightcolbtn button
  {
  	 margin-top: 6px;
   }
   
   #compses {text-align: center; margin-top: 32px; margin-bottom: 32px;margin-left:auto;margin-right:auto; width: 300px; overflow: auto;}
   
   #compses a.button
   {
   	 width: 130px;
   }
   
   #related-sessions
   {
   	background: #fff;
   	border: 8px solid #b8b7b5;
   }
   
   #related-sessions div.ileft:hover
   {
   	color: #111;
   }
   
   #related-sessions div.ileft:hover .instructor-name
   {
   	text-decoration: underline;
   	color: #000;
   }
   
   #related-sessions .instructor-name
   {
      font-weight: bold;
      padding-bottom: 4px;
      font-size: 11px;
      color: #000;
      line-height:120%;
   }
   
   #related-sessions div.ileft { 
   	float: left; margin-right: 5px;
   	position: relative;
   	}
   	
   	 #related-sessions div.ileft .o{
   	 
   	 opacity: 0;
   	 visibility: hidden;
   	-webkit-transition: .5s all;
   	-moz-transition: .5s all;
   	-o-transition: .5s all;
   	transition: .5s all;
   	position: absolute;
   	left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    background: rgba(0,0,0,0.6);
    
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 200%;
   	}
   	
   	#related-sessions div.ileft .o a
   	{
   		color: #fff;
   		font-weight: bold;
   	}
   	
   	
   		#related-sessions div.ileft .o a:hover
   	{
   		text-decoration: underline;
   	}
   	
   	#related-sessions div.ileft .js
   	{
   		margin-top: 16px;
   	}
   
   #related-sessions .o:hover, #related-sessions div.ileft:hover .o
   {
   		opacity: 1.0;
   		visibility: visible;
   }
   
   #related-sessions div.col { overflow: auto; display: block; margin-top:16px; }
    #related-sessions .ileft, #related-sessions .ileft img  { width: 116px; }
  

#img_priv {

    margin-left: 200px;
    padding-right: 6px;
}

#img_reverse {
    padding-top: 6px;
    padding-right: 6px;
}


/* Comment */

#progress-container {
    font-size: .9em;
    width: 580px;
    height: 1.25em;
    top: 20px;
    position: absolute;
    display:none;
}


#progress-filename {
    font-size: .9em;
    width: 100%;
}

#progress-bar {
    width: 100%;
    border: 1px solid #999;
    height: 20px;
}

#progress-indicator {
    background: #ebc171;
    width: 0;
    height: 20px;
}

#editcomment {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
    margin-top:-66px;
	font-style: italic;
}

#comment_grey_div {
    margin-top: 16px;
    margin-left: -40px;
    padding-left: 40px;
    padding-right: 60px;
    padding-top:16px;
    padding-bottom: 50px;
    width: 100%;
    position: fixed;
    height:30px;
	background-color: #EAE8E6;
}

#sticktotopic {
	margin-top:46px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	font-style: italic;
}

#browse {

}

#submitDIV {
    float:right;
	width: 203px;

}
#comment_browsebuttonDIV {
	position:absolute;
	left:52px;
	top:360px;
	width:63px;
	height:26px;
	z-index:4;
}
#comment {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	background-color: #FFF;
	padding: 5px;
	width: 600px;
	border: thin solid #666;
	text-align: left;
}
.browse_field_css {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background-color: #FFF;
	height: 25px;
	width: 230px;
	border: thin solid #666;
	text-align: left;
}


#attachtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}


#browsefieldDIV {
	position:absolute;
	left:150px;
	top:364px;
	width:250px;
	height:32px;
	z-index:5;
}

.standard_button {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: center;
	vertical-align: middle;
	width: auto;
	height: auto;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}

/* Remove Comment*/
#deleteCONF {
	position:absolute;
	left:53px;
	top:145px;
	width:561px;
	height:43px;
	z-index:2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #484848;
	font-style: normal;
	line-height: 20px;
}
#areyousure {
	position:absolute;
	left:53px;
	top:162px;
	width:561px;
	height:43px;
	z-index:2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	font-style: normal;
	line-height: 20px;
}

#whiteboxcss {
	position:absolute;
	left:9px;
	top:139px;
	width:648px;
	height:132px;
	background-color: #FFF;
	visibility: visible;
}

#removeComment_logo {
	position:absolute;
	left:540px;
	top:24px;
	width:52px;
	height:75px;
	z-index:1;
	visibility: visible;
}
.comment_container {
	background-color: #eae8e6;
	height: 299px;
	width: 650px;
	z-index: 8;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.iframe_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #3a3a3a;
	position:absolute;
	left:55px;
	top:59px;
	width:405px;
	height:37px;
	z-index:2;
}
#browsebuttonDIV {
	position:absolute;
	left:51px;
	top:215px;
	width:63px;
	height:26px;
	z-index:4;
}
.form_box_css {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	background-color: #FFF;
	padding: 5px;
	height: 133px;
	width: 560px;
	border: thin solid #666;
	text-align: left;
}


.yes_button {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #333;
	text-align: center;
	vertical-align: middle;
	width: auto;
	height: auto;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}


/* */


#comment-div {
background: #CECCCA;

}

.remove_div h1 {
    margin-left: -40px;
    margin-top: -200px;
}


.image-container img 
{
    margin-top: 16px;

}


.coming-soon-session {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #9A9995;
}

.coming-soon-session-last {
    margin-top: 10px;
    padding-bottom: 20px;
    border-bottom: none;
}

div.studio-session-instructor-rating {
    float: right;
    top: 100%;
}

div.studio-session-instructor-rating span {
    float: right;
    font-size: 14px;
}
div.studio-session-instructor-rating span.rating-widget-label {
    display: none;
}
.module-header .rating {
    margin-top: 8px;
    margin-left: 30px;
    font-size: 14px;
}

.play-button{
    position:absolute;
    top:30%;

    width: 460px;
    text-align: center;
    cursor: pointer;
}
.play-button-tease{
    position:absolute;
    top:-100%;
    width: inherit;
    text-align: center;
    cursor: pointer;
}




div.request-vote-container span.detail {
    cursor: pointer;
}

div.request-rating-object div.detail-tooltip {
    background-color:white;
    float:right;
    height:73px;
    left:90px;
    margin:8px;
    padding:10px;
    position:absolute;
    width:780px;
    display: none;
    color: #666666;
}

h1{
    font-size:20pt;
    margin-bottom:20px;
}

h2{
    font-size:15pt;
    margin-bottom:7px;
}

#studio-landing-header{
    float:left;
    margin-top:10px;
    margin-left:10px;
    width:400px;
}

#studio-landing-header div{
    float:left;
}

#studio-landing-header #studio-label{
    margin-top:-32px;
    margin-left:200px;
}

#studio-search-container{
    float:right;
    margin-top:5px;
    margin-right:20px;
}

#header-container{
    padding-top: 2px;
}

#header-container #img2{
    padding-top:10px;
    margin-left:8px;
}

#header-container #img3{
    margin-left:8px;
}

.module-filter{
    margin-right:32px;
}

.module-select{
    margin-right:70px;
    font-size:9pt;
    margin-top:7px;
}

.module-select select{
    padding-left:5px;
    height:19px;
}

#keyword-search{
    background:transparent url(/images/pad/search-background.png) no-repeat scroll left top;
    color:#4C4C4C;
    font-size:11pt;
    height:33px;
    width:302px;
    margin-top:-2px;
    padding-left:10px;
    padding-top:2px;
}

.ie #keyword-search{
    height:27px;
    padding-top:9px;
}

div#right_side_container{
    margin-top:65px;
    margin-left:178px;
    
}

div#right_side_detail_container{
    margin-top:15px;
    margin-left:195px;
}

div#left_side_container{
    float:left;
    width:176px;
    text-align:center;
    margin-top:-40px;
}

.studio-header {
	width:909px;
	height:34px;
	background:url(/static/images/common/feed-title-bg.jpg) repeat-y top left;
	margin-left:-13px;
	padding:0 0 0 13px;
}

.studio-header .header-price{
    font-size:17pt;
    margin-top:-2px;
    display:block;
}

.studio-header #header-data{
    width:880px;
    margin-top:6px;
}

.studio-header .center{
    text-align:center;
}

.studio-header .right{
    text-align:right;
}

#update_message{
    margin-top:20px;
}
#update_message a{
    font-size:15pt;
}

.studio-asset {
    margin-right:2px;
    width:172px;
    position:relative;
    margin-bottom:10px;
}

.studio-asset .remove-checkbox{
    position:absolute;
    left:2px;
    bottom:8px;
}

.studio-asset .instuctor-name{
    color:#5c5b59;
    text-align:center;
    margin-bottom:4px;
	cursor: pointer;
}

.studio-asset img {
    border:1px solid #cececa;
    padding-right: 1px;
    display:block;
    margin:0 0 4px;
}

.studio-asset .asset-detail-overlay{
    position:absolute;
    top:0px;
    left:0px;
    width:152px;
    height:102px;
    background:#000;
    text-align:center;
    padding:10px;
    display:none;
    filter:alpha(opacity=80);
    opacity: 0.8;
    cursor:pointer;
    cursor:hand;
    font-style:bold;
}

.studio-asset .asset-detail-overlay .asset-title{
    filter:alpha(opacity=100);
    opacity: 1;
    font-weight:bold;
}

.studio-asset .asset-detail-overlay .asset-field{
    filter:alpha(opacity=100);
    opacity: 1;
    margin-top:10px;
    font-weight:bold;
}

.sort_by{
    /* margin-top:8px; */
    margin-left:200px;
    width:150px;
}

#id_sort_by{
    margin-left:110px;
}

#new-request-list-button{
    margin-left:40px;
}

/* filter box */
div#left_side_container #filter-box{
   border:1px solid #5b5b5b;
   width:171px;
   background:url('/images/assets/filter_box_backstrip.jpg') repeat-y top left;
   margin-bottom:20px;
}

div#filter-box .filter-title{
    width:100px;
    text-align:left;
    margin-bottom:10px;
    font-size:10pt;
    color:#9f9f9f;
}

div#filter-box .filter-data{
    text-align:right;
    font-size:10pt;
}

div#filter-box .filter-slider-container{
    height:51px;
    margin:10px;
    margin-right:15px;
    margin-bottom:5px;
}

div#filter-box .filter-slider-container .ui-widget-content{
     background:url('/images/assets/slider_track.png') no-repeat top left;
     border:none;
}

div#filter-box .ui-state-default{
    background:url('/images/assets/slider_guage.png') no-repeat top left;
    border:none;
}

div#filter-box .ui-slider .ui-slider-handle{
    height:1.6em;
    width:1.6em;
    top:-0.5em;
}

div #filter-box .filter-spacer{
    height:5px;
    background:url('/images/assets/filter_spacer.gif') no-repeat;
}

div #filter-box #tag-filter-container .tag-filter{
    margin-bottom:10px;
    margin-left:10px;
    font-size:10pt;
}

div #filter-box #tag-filter-container .tag-filter-agg-num{
    text-align:right;
    margin-right:10px;
}

div #filter-box #tag-filter-container{
    margin-top:10px;
    margin-bottom:100px;
}



/* pad detail */
div #icon_container{
    float:left;
    margin-left:8px;
    margin-top:4px;
}

div #icon_container img{
    border: 1px solid #666;
}

div #pad_options{
    float:right;
    padding-right:10px;
    color:#FFF;
    font-size:10pt;
}

div #pad_options a{
    color:#FFF;
}

div #data_container{
    margin-bottom:50px;
    margin-left:120px;
}

#background_select_container{
    float:right;
}

#file-upload-container{
    float:left;
    width:237px;
}

#background-select-overlay{
    width:266px;
    height:102px;
    padding:10px;
}

#submit-background{
  
}

#overlay-text{
    margin-top:5px;
    font-size:9pt;
    line-height:14px;
}

#pad_theme_container{
    margin-top:10px;
}

#theme-selector{
    float:left;
}

#theme-selector select{
    font-size:10pt;
    width:150px;
}

#theme-text{
    margin-left:200px;
}

.module-box textarea{
    width:100%;
    height:200px;
    background-color:transparent;
    color:#fff;
    border:1px solid #fff;
    font-family:Calibri,Helvetica,Arial,Verdana,Geneva,Helvetica,sans-serif;
    margin-bottom:20px;
}

.module-box .module-header input{
    width:500px;
    background-color:transparent;
    color:#fff;
    border:1px solid #fff;
    font-family:Calibri,Helvetica,Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size:12pt;
    margin-top:5px;
    margin-left:-5px;
}

.assets_of_6 textarea, .assets_of_7 textarea{
    width:415px;
    height:250px;
    background-color:transparent;
    border:1px solid #fff;
    font-family:Calibri,Helvetica,Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size:9pt;
    color:#fff;
    margin-bottom:20px;
    
}

#id_module_6_name, #id_module_7_name{
    width:350px;
    background-color:transparent;
    color:#fff;
    border:1px solid #fff;
    font-family:Calibri,Helvetica,Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size:12pt;
    margin-top:5px;
    margin-left:-5px;
}

/*portfolio*/

.portfolio-thumb{
    width:208px;
    height:300px;
    color:#fff;
    text-align:center;
    float:left;
    margin-right:12px;
    margin-bottom:10px;
}

.portfolio-thumb img{
    border: 1px solid #7d7d7d;
}

.draggable{
    cursor:all-scroll;
}

#upload-work a{
    display:block;
    border: 1px solid #7d7d7d;
    background-color: #b0b0b0;
    width: 88px;
    height: 187px;
    color:#000;
    font-size:12pt;
    padding-top:90px;
    padding-left:60px;
    padding-right:60px;
    line-height:30px;
}

#garbage{
    width:208px;
    height:300px;
    color:#fff;
    text-align:center;
    float:left;
    margin-right:12px;
    margin-bottom:10px;
}

#garbage #garbage-text{
    display:block;
    border: 1px solid #7d7d7d;
    background-color: #ff0000;
    width: 88px;
    height: 187px;
    color:#000;
    font-size:12pt;
    padding-top:90px;
    padding-left:60px;
    padding-right:60px;
    line-height:30px;
}

/*left bottom module*/
#module_content_6{
    width:375px;
    height:275px;
    padding:15px;
    overflow:auto;
    background-color:#5e5d5c;
}

/*right bottom module*/
#module_content_7{
    width:375px;
    height:275px;
    padding:15px;
    overflow:auto;
    background-color:#5e5d5c;
}

.push-right{
    margin-left:470px;
}

.half-module-clear{
    clear:both;
    height:10px;
}

.half{
    margin-top:10px;
    width:400px;
}

.half-module{
    background:url('/images/pad/half_header_background.gif') no-repeat;
}

.module-header-7 {
	width:390px;
	height:34px;
	background:transparent url(/images/pad/half_header_background.gif) no-repeat scroll 0 0;
	padding-left:18px;
}

#background-changed-header{
    text-align:center;
    font-size:18pt;
    margin-top:40px;
}

/* designer-list section */

.designer-container li{
    background-color:#3b3a38;
    padding:10px 0px;
    margin-left:-13px;
    margin-bottom:10px;
    width:907px;
    font-size:11pt;
    height:107px;
}

.designer-container .name{
    font-weight:bold;
}

.designer-container .data{
    color:#969696;
}

.designer-container .label{
    margin-top:7px;
}

.designer-container .icon_container{
    float:left;
    margin-left:15px;
    width:70px;
}

.designer-container .designer_data_container{
    margin-left:15px;
    width:170px;
    float:left;
}

.designer-container .designer_exp_container{
    float:left;
    width:622px;
}

.designer-container .icon_container img{
    border:1px solid #666;
}

/* pad landing */

.studio-landing-overlay {
   display:none;
   width:600px;
   height:320px;
   padding-top:18px;
   padding-left:9px;
   padding-right: 9px;
   background-color:#fff;
   border:1px solid #CECCCA;
   z-index:10000;

    border-radius: 10px;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;

    -moz-box-shadow: 9px 9px 9px rgba(22, 22, 22, 0.5);
    -webkit-box-shadow: 9px 9px 9px rgba(22, 22, 22, 0.5);
    box-shadow: 9px 9px 9px rgba(22, 22, 22, 0.5);
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
    
}

.studio-landing-overlay .left-col{
    margin-left:15px;
    text-align:center;
}

.studio-landing-overlay .in-progress{
    color:#666;
    text-transform:uppercase;
    font-size: 80%;
}

.studio-landing-overlay .right-col{
    margin-left:20px;
}

.studio-landing-overlay .left-col .button{
    margin:auto;
    display:block;
    padding-top:5px;
    width:124px;
    font-size:14px;
}

.studio-landing-overlay .right-col{
    margin-left:24px;
    width: 70%;
    color:#000;
    overflow:hidden;
}

.studio-landing-overlay .studio-title{
    display:block;
    margin-bottom:20px;
    font-size:16px;
}

.studio-landing-overlay .info-label{
    text-transform:uppercase;
    font-weight:bold;
}

.studio-landing-overlay .info-data{
    color:#666;
    margin-top: -12px;
    height: 80px;
    overflow:hidden;
    width: 100%;
}

.studio-landing-overlay table td:first-child
{
	text-align: right;
}

.studio-landing-overlay .button-container{
    position:absolute;
    bottom:30px;
    left:160px;
}

.studio-landing-overlay .button-container .button{
    float:left;
    display:block;
    padding-top:3px;
    width:125px;
    font-size:14px;
    text-align:center;
    margin-left:8px;
}

.studio-landing-overlay img{
    margin-top:15px;
    border:1px solid #a4a3a3;
}

select.sort-by{
    width:150px;
}

/* upload work iframe section */
div#fancy_inner{
    background-color:#000;
    border:1px solid #efedec;
}

#upload-work-body{
    background:none;
    background-color:#000;
}

#upload-work-form{
    padding:15px;
}

#upload-work-form #left-fields{
    width:400px;
    float:left;
}

#upload-work-form #right-fields{
    width:200px;
    float:left;
}

#upload-work-form #errors{
    width:240px;
    height:60px;
    float:right;
    margin-top:-10px;
}

#upload-work-form #left-fields #id_title{
    background-color:#000;
    height:25px;
    font-size:10pt;
    padding-top:10px;
    padding-left:10px;
    border:1px solid #fff;
    width:370px;
    color:#fff;
    margin-bottom:20px;
}

#upload-work-form #left-fields #id_text{
    background-color:#000;
    height:25px;
    font-size:10pt;
    padding-top:10px;
    padding-left:10px;
    border:1px solid #fff;
    width:370px;
    height:200px;
    color:#fff;
    margin-bottom:20px;
    font-family:Calibri,Helvetica,Arial,Verdana,Geneva,Helvetica,sans-serif;
}

#upload-work-form #left-fields #requirements{
    color:#999;
}

#upload-work-form #left-fields #upload-button-container{
    margin-top:20px;
    text-align:left;
}

#upload-work-form #right-fields .field-container{
    margin-bottom:20px;
}


#upload-button-container{
    margin-top:10px;
    text-align:right;
}

#upload-work-form span{
    font-size:13pt;
}

#work-uploaded-header{
    font-size:26px;
    text-align:center;
    margin:auto;
    margin-top:100px;
}

#upload-work-form h2{
    font-size:16px;
    margin:auto;
    margin-top:40px;
    width:450px;
    
}

/* portfolio detail section */
#portfolio-detail{
    background:none;
    background-color:#000;
}

#portfolio-detail #portfolio-title{
    text-align:left;
    font-size:14pt;
    display:block;
    width:700px;
    margin:auto;
    margin-top:20px;
    margin-bottom:20px;
    font-weight:bold;
}

#portfolio-detail #rating-title{
    font-size:10pt;
    color:#F3781D;
}

#portfolio-detail #portfolio-description{
    text-align:left;
    font-size:11pt;
    display:block;
    width:700px;
    margin:auto;
    margin-top:20px;
    margin-bottom:20px;
}

.portfolio-detail-image{
    text-align:center;
    margin:auto;
    margin-top:50px;
    width:700px;
}

.portfolio-detail-image .image-controls{
    text-align:center;
    margin:auto;
    margin-bottom:20px;
    padding-bottom:20px;
    width:205px;
}

.portfolio-detail-image .image-controls div{
    display:block;
    float:left;
    padding: 0px 4px;
    font-size:10pt;
}

.portfolio-detail-image .image-controls div.confirm-delete{
    display:none;
}

#add-image-container{
    margin:50px auto;
    width:700px;
}

#stats_container{
    width:700px;
    margin:auto;
    margin-top:20px;
    font-size:11pt;
}

#comment_container{
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px #666;
    color:#000;
    background-color:#cecece;
}

#comment_container #form-wrapper{
    width:700px;
    margin:auto;
}

#comment_container #post-comment{
    font-size:11pt;
    margin:10px 0px 20px 0px;  
}

#comment_container .submit-post{
    margin-top:10px;
    margin-bottom:15px;
}

#comment_container #id_comment{
    border:1px solid #949494;
    width:680px;
    height:100px;
    padding:10px;
    font-family:Calibri,Helvetica,Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size:12pt;
}

#comment_container .comment{
    width:680px;
    background-color:#e2e2e2;
    padding:10px;
    margin-bottom:10px;
}

#comment_container .comment .comment-image{
    float:left;
}

#comment_container .comment .comment-text{
    width:620px;
    margin-left:10px;
    float:left;
}

.portfolio-object-overlay{
    background:url(/images/pad/asset-overlay.png) no-repeat;
    display:none;
    width:208px;
    height:277px;
}

.portfolio-overlay-links{
    margin-top:40px;
    text-align:center;
}


/*background upload*/

.bar {
    width: 420px;
  }

#uploading{
    margin:auto;
    margin-top:50px;
}

#progress {
    background: #fff;
    border: 1px solid #999;
}

#progressbar {
    width: 0px;
    height: 24px;
    background: #999;
}

#percents{
    font-size:14px;
    color:#444;
}

.lightbox_bg {
    background:#CECCCA none repeat scroll 0 0;
    display:none;
    height:100%;
    left:0;
    filter:alpha(opacity=70);
    opacity: 0.7;
    top:0;
    width:100%;
    z-index:50;
    display:none;
    position:fixed;
}

.modal{
    position:absolute;
    left:43%;
    top:38%;
    z-index:51;
    background: transparent;
}

.lightbox_bg_large {
    background:none;
    height:700px;
    left:0;
    top:0;
    width:100%;
    z-index:50;
    position:fixed;
}

.lightbox_overlay {
    background:#000 none repeat scroll 0 0;
    height:700px;
    filter:alpha(opacity=70);
    opacity: 0.7;
    width:100%;
    display:none;
}

.modal_large{
    position:absolute;
    left:48%;
    top:42%;
    z-index:51;
    background: transparent;
}

/* requested sessions list */

.requested-session-header a.button{
    display:block;
    padding-top:5px;
    width:137px;
    font-size:14px;
    text-align:center;
    margin-top:3px;
    margin-bottom:7px;
    margin-left:170px;
}

.request-rating-list-container{
    margin-left:-13px;
    width:907px;
}

.request-rating-object{
    background-color:#b8b7b5;
    margin-bottom:9px;
    height:117px;
    padding-top: 5px;
    width:907px;
    position:relative;
}

.request-rating-container{
    float:left;
    height:93px;
    width:79px;
    
    background-image: linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 50%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 50%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 50%, #FFFFFF 100%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 50%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 50%, #FFFFFF 100%);

    line-height:14px;
    font-size:12px;
    margin-top:8px;
    margin-left:15px;
}

.request-rating-container .label{
    margin-top:12px;
    text-transform:uppercase;
    text-align:center;
}

.request-rating-container .value{
    margin-top:20px;
    font-size:22px;
    text-align:center;
}

.request-vote-container{
    float:left;
    margin-left:20px;
    margin-top:5px;
}

.vote-data{
    color:#577593/*#fce2b1*/;
    display:block;
    float:left;
    margin-right:45px;
    margin-top: 9px;
}

.vote-data-spacer{
    color:#577593/*#fce2b1*/;
    display:block;
    float:left;
    margin-right:45px;
    margin-top: 9px;
}

.vote-button-container{
    position:absolute;
    width:150px;
    height:20px;
    bottom:16px;
}

.request-vote-container .detail{
    color:#fff;
    overflow:hidden;
}

.request-vote-container .vote-button-container{
    font-style:italic; 
    color:#f3781d;
}

.vote-icon{
    float:left;
}

.vote-label{
    color:#000;
    margin-top:5px;
    margin-left:5px;
    float:left;
}

/* instructor list object */

.instructor-list-container{
    margin-left:-13px;
    width:907px;
}

.instructor-list-object{
    background-color:#B8B7B5;
    margin-bottom:4px;
    height:115px;
    width:907px;
    position:relative;
}

.instructor-avatar{
    margin-top:8px;
    margin-left:15px;
    float:left;
    height:90px;
    width:75px;
}

.instructor-avatar img{
    border:1px solid #666;
}

.instructor-list-object .stats{
    float:left;
    margin-left:15px;
    width:220px;
    height:108px;
    font-size:14px;
}

.instructor-list-object .stats .stat{
    margin-top:4px;
}

.instructor-list-object .name{
    font-size:15px;
    padding-top:10px;
}

.instructor-list-object .stats .col1{
    color:#fff;
}

.instructor-list-object .stats .col2{
    color:#666;
}

.instructor-list-object .experience{
    padding-top:10px;
    float:left;
    width:560px;
    margin-left:15px;
    height:108px;
    font-size:14px;
}

.instructor-list-object .experience .stat{
    margin-top:3px;
}

.instructor-list-object .experience .stat .col1{
    color:#fff;
}

.instructor-list-object .experience .stat .col2{
    color:#666;
}

.instructor-list-object .experience .stat .studio_tutorials{
    width:350px;
    color:#666;
}

/* instuctor profile */

.profile-content{
    
}

#profile-title{
    border-bottom:1px solid #8d705a;
    padding-bottom:10px;
    margin-bottom:10px;
    height:20px;
}

#profile-title span{
    display: block;
    float: left;
    font-size:14px;
}

#profile-title .rating-widget{
    float:right;

}

#profile-title .rating-widget-label{
    float:right;
}

#rating-container{
    
}

#rating-container td{
    padding-right:3px;
}

#profile-title .user-name{
    font-size:20px;
}

#avatar{
    margin-bottom:10px;
    text-align:center;
}

#avatar img{
    border:1px solid #ccc;
}

#avatar-container a.button{
    display:block;
    padding-top:5px;
    width:123px;
    color:#5C5B59;
    font-size:13px;
    text-align:center;
    margin-bottom:7px;
}

#avatar-container .button:hover{
    color:#5C5B59;
}

#avatar-container{
    float:left;
    width:123px;
}

#bio-container{
    font-size:14px;
    float:left;
    margin-left:20px;
    width:730px;
}

.separ
{
	height: 1px;
	background-color: rgba(0,0,0,0.25);
	margin-top: 14px;
	margin-bottom: 14px;
}

#bio-container .stat-label{
	font-weight: bold;
}

#bio-container td:first-child
{
	padding-right: 120px;
}

/* session-module */

.session-object-title{
    text-align:center;
    margin-top:10px;
    width:500px;
}

.session-module{
    position:relative;
}

.session-module .thumbnail{
    float:left;
}

.session-module .thumbnail img{
   border:1px solid #ccc;
}

.session-module .detail{
    float:left;
    margin-left:20px;
    font-size:13px;
    width:600px;
    color: #5C5B59;
}

.session-module .detail b {
    color: black;
}


.session-module .label{
    text-transform:uppercase;
    color:#3A3A3A;
    display: block;
        	float: left;
        	width: 12em;
        	margin-right: 0.5em;
        	text-align: right;
        	font-size: 90%;
        	font-weight: bold;
}

.session-module .button-container{
    position:absolute;
    top:10px;
    right:10px;
}

.session-module .button-container a.button{
    display:block;
    padding-top:5px;
    width:123px;
    color:#5C5B59;
    font-size:14px;
    text-align:center;
    margin-bottom:7px;
}

.session-module .button-container a.button:hover{
    color:#5C5B59;
}

.session-header{
    margin-bottom:10px;
}

#module-button-container{
    margin-top:10px;
    margin-bottom:10px;
    margin-left:40px;
    height:32px;
}

#module-button-container #id_sort_by{
    margin-top:8px;
    margin-right:12px;
    width:150px;
    font-size:13px;
    height:20px;
}

#module-button-container a.button{
    display:block;
    padding-top:5px;
    width:125px;
    height:28px;
    background:url('/images/studio/button2-back.png') no-repeat;
    color:#fff;
    font-size:14px;
    text-align:center;
    margin-bottom:7px;
    margin-right:10px;
    float:left;
    margin-right:0 !important;
}

/* myfeedback-content */

.myfeedback-content{
    margin-left:-13px;
    width:907px;
}

.instructor-feedback-object{
    background-color:#B8B7B5;
    margin-bottom:4px;
    width:907px;
    position:relative;
}

.instructor-feedback-object .instructor-avatar{
   position:absolute;
}

.instructor-feedback-object .detail-container{
    float:right;
    margin-left:110px;
    margin-top:8px;
    margin-bottom:10px;
    margin-right:10px;
    color:#999;
    
}

.instructor-feedback-object .detail-container .name{
    color:#ddd;
    font-size:13px;
}

.instructor-feedback-object .detail-container .details{
    width:790px;
    color:#000;
}

.instructor-feedback-object .delete-feedback{
    position:absolute;
    top:10px;
    right:10px;
}

/*paginator*/

.pagination{
    
}

.pagination ul{
    margin-top:7px;
    list-style-type: none;
}

.pagination ul li{
    float:left;
    list-style-type: none;
    margin-left:5px;
}

/* session detail */

#left-column{
    float:left;
    margin-left:-13px;
}

#left-column .module-header{
    margin-top:10px;
    margin-bottom:10px;
    margin-left:0px;
}

#left-column #instructor-data-container{
    margin-left:10px;
    margin-bottom:20px;
}

#left-column #instructor-data-container #instructor-avatar{
    float:left;
}

#left-column #instructor-data-container #instructor-bio{
    margin-left:20px;
    float:left;
    width:525px;
}

#left-column #preview{
    margin:auto;
    text-align:center;
}



#preview .click-to-play{
    display:block;
    position:absolute;
    font-size:28px;
    color:#fff;
    top:465px;
    width: inherit;
}

.content-wrapper{
    background: #DBDBDB;
}

#left-column #comment-container{
    
    width:630px;
}

#comment-container .comment-level-1 .content-wrapper, 
#comment-container .comment-level-2 .comment-wrapper, 
#comment-container .comment-level-3 .comment-wrapper{
    position:relative;
    padding:10px;
    margin-bottom:10px;
    margin-left:10px;
}



#comment-container li.instructor .content-wrapper {
    background-color:white;
}

#comment-container li.viewer .content-wrapper {
    background-color:#DBDBDB;
}



#comment-container li.instructor .avatar a:hover {
    color:#069;
}


#comment-container .comment{
    margin-top: 6px; 
    margin-left: 16px;
    margin-bottom: 16px;
    
}

#comment-container .avatar{
    float:left;
    width:80px;
    text-align:center;
    font-size:14px;
}

#comment-container .avatar img{
    border:0px solid #9F9F9F;
}

#comment-container li ul{

}

#comment-container .comment-level-2{
    position:relative;
    float:left;
    margin-left:26px;
    padding-left:6px;
    border-left:1px solid #858585;
    background: url(/images/studio/comment-back-line.gif) 0px 50px repeat-x;
}

#comment-container .comment-level-3{
    float:left;
    margin-left:49px;
    padding-left:50px;
    border-left:1px solid #858585;
    background: url(/images/studio/comment-back-line.gif) 0px 50px repeat-x;
}

#comment-container .module-arrow{
    
}

#comment-container .session-collapse1{
    display:block;
    position:absolute;
    bottom:-25px;
    left:0px;
    z-index:50;
    height:22px;
    width:610px;
    color:#fff;
    padding-left:10px;
    padding-top:2px;
    text-transform:uppercase;
    background-color: #7e7d7c;
}

#comment-container .session-collapse2{
    display:block;
    position:absolute;
    bottom:-25px;
    left:0px;
    z-index:50;
    height:22px;
    width:519px;
    color:#fff;
    padding-left:10px;
    padding-top:2px;
    text-transform:uppercase;
    background-color: #7e7d7c;
}

#comment-container .collapse span{
    font-weight:bold;
}

#comment-container .comment-level-1 .comment{
    float:left;
    width:500px;
}

#comment-container .comment-level-2 .comment{
    float:left;
    width:470px;
    background: DBDBDB;
}

#comment-container .comment-level-2 .image-container img{
    width:460px;
    margin-left:-6px;
}


#comment-container .comment-level-3 .comment{
    float:left;
    width:320px;
}

#comment-container .click-to-play{
    display:block;
    position:absolute;
    font-size:25px;
    top:100px;
    left:75px;
    background:#333;
    color:#fff;
    padding:10px;
}

#comment-container .click-to-play:hover{
    color:#ccc;
}

#comment-container .image-container{
    text-align:center;
    margin:auto;
}

#post-new-comment-link
{
	padding-left: 33%;
}

#left-column #post-new-comment-link{
    text-align:left;
    color:#f3781d;
    font-size:14px;
    margin-left: 16px;
}

#post-new-comment-container{
    padding:10px;
    padding-top:5px;
    height:140px;
}

#post-new-comment-container textarea {
    background-color:#fff;
    border:1px solid #FFFFFF;
    color:#333;
    font-family:Calibri,Helvetica,Arial,Verdana,Geneva,Helvetica,sans-serif;
    height:80px;
    margin-bottom:5px;
    width:100%;
}

#post-new-comment-container h3{
    color:#f3781d;
}

#post-new-comment-container h1{
    color:#f3781d;
    font-size:30px;
}

#post-new-comment-container h1.complete{
    color:#f3781d;
    font-size:30px;
    width:70%;
    margin-top:70px;
}

#post-new-comment-container #id_submit{
    display:block;
    padding-top:1px;
    width:123px;
    height:28px;
    background:url(/images/studio/button4-back.png) no-repeat;
    color:#fff;
    font-size:14px;
    text-align:center;
    margin-top:5px;
    margin-bottom:7px;
}


#right-column{
    float:left;
    margin-left:10px;
    width:258px;
}

.info-box{
    background-color:#b8b7b5;
    padding:8px;
    margin-bottom:10px;
}

.info-box h2{
    color:#000;
    font-size:18px;
    text-transform:capitalize;
    padding-bottom:7px;
}

.info-box .col1{
    color:#fff;
    text-transform:uppercase;
    font-size:13px;
}

.info-box .col2 a{
    color:#3A3A3A;
}

.info-box h3{
    color:#000;
    font-size:11px;
    text-transform:uppercase;
}

.info-box select{
    margin-top:10px;
    height:250px;
    width:240px;
    color:#aaa;
    font-size:12px;
    font-style:italic;
    padding:10px;
}

.info-box #user-detail-container{
    background-color:#fff;
    margin-top:10px;
    display:none;
    padding: 0;
    padding-bottom: 10px;
}

.info-box #user-detail-container .tp
{
	overflow: auto;
}

.info-box #user-detail-container h4
{
	color: #111111;
	font-size: 15px;
	margin-bottom: 8px;
}

.info-box #user-detail-container a:hover
{
	opacity: 0.8;
	color: #555;
	text-decoration: underline;
}

.info-box #user-detail-container .ava{
	float: left;
	margin: 10px;
}

.info-box #user-detail-container .rinfo{
	float: left;
	margin: 10px;
	margin-left: 0;
	width: 136px;
}

.info-box #user-detail-container .uinfo .stat{
	padding: 4px 10px 4px 10px;
}

.info-box #user-detail-container .divider
{
	background: #e9e8e7;
	font-size: 14px;
	color: #111111;
	padding: 4px 10px 4px 10px;
}

.info-box #user-detail-container h3{
    color:#000;
    font-size:18px;
    margin-bottom:5px;
}

.info-box #user-detail-container{
    color:#fff;
    font-size:14px;
}

.info-box #user-detail-container .stat{
    color:#aaa;
    font-size:13px;
}

.info-box #user-detail-container #fields{
    color:#000;
    font-size:12px;
}

.info-box #user-detail-container #apps{
    color:#000;
    font-size:12px;
}

.info-box #user-detail-container #city{
    color:#000;
    font-size:12px;
}

.info-box #user-detail-container #country{
    color:#000;
    font-size:12px;
}

.info-box #user-detail-container #url{
    color:#000;
    font-size:12px;
}

.info-box #user-detail-container a.button{
    margin:auto;
    display:block;
    padding-top:5px;
    width:123px;
    color:#666;
    text-align:center;
    margin-top:10px;
    margin-bottom:7px;
}

.info-box #user-detail-container a.button:hover{
    color:#666;
}

/*session-request*/

h1{
    font-size:26px;
    text-align:center;
    width:80%;
    margin-top:30px;
    margin-bottom:70px;
}

#popup-window #request #info-containers div{
    width:285px;
    float:left;
}

#popup-window #request #info-containers span{
    display:block;
    font-size:14px;
    color:#f3781d;
    width:100px;
    float:left;
    text-align:right;
}

#popup-window #request #info-containers select{
    width:160px;
    margin-left:15px;
    font-size:13px;
}

#instruction{
    text-align:right;
}

#popup-window #request #info-containers #instruction span{
    text-align:right;
    float:right;
}

#instruction select{
    float:right;
   
}

#info-containers{
    clear:both;
    margin-bottom:20px;
    height:40px;
}

#popup-window #request .label{
    font-size:14px;
}

#popup-window textarea{
    border:1px solid #fff;
    background-color:#333;
    width:98%;
    margin:auto;
    min-height:150px;
    margin-top:5px;
    padding:5px;
    color:#fff;
    font-family:Calibri,Helvetica,Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size:13px;
}

#popup-window #id_title{
    border:1px solid #fff;
    background-color:#333;
    width:98%;
    margin:auto;
    height:16px;
    margin-top:5px;
    margin-bottom:5px;
    padding:5px;
    color:#fff;
    font-family:Calibri,Helvetica,Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size:13px;
}

#popup-window #agree-box{
    height:70px;
}

#popup-window #agree-box div{
    float:left;
    color:#999;
    font-size:11px;
    font-style:italic;
}

#popup-window  #agree-box #check{
    width:20px;
}

#popup-window  #agree-box #text{
    margin-left:10px;
    width:540px;
}

#popup-window input.button{
    background:url('/images/studio/modal-submit-button.png') no-repeat;
    color:#000;
    font-size:14px;
    text-align:center;
    margin-top:10px;
    margin-bottom:7px;
}

/*post-feedback*/

#popup-window p.disclaimer {
    color:#666;
    font-style:italic;
}

#popup-window #info-containers div{
    width:285px;
    float:left;
    margin-bottom:10px;
}

#popup-window #info-containers span{
    display:block;
    font-size:14px;
    color:#414141;
    float:left;
    text-align:right;
    width:100px;
    margin-right:10px;
}

#popup-window #info-containers #instruction span{
    width:115px;
}

#popup-window #info-containers select{
    border: 1px solid #666;
    width:110px;
}

#instruction .label{
    text-align:right;
}

#popup-window #info-containers #instruction span{
    text-align:right;
    float:right;
}

#instruction select{
    float:right;
}

#popup-window #info-containers{
    clear:both;
    margin-bottom:20px;
    height:40px;
}

#popup-window .label{
    font-size:14px;
}

#popup-window textarea{
    border:1px solid #444;
    background-color:#fff;
    width:98%;
    margin:auto;
    height:80px;
    margin-top:5px;
    margin-bottom:5px;
    padding:5px;
    color:#414141;
    font-family:Arial, Verdana, sans-serif;
    font-size:13px;
}

#popup-window #id_title{
    border:1px solid #444;
    background-color:#fff;
    width:98%;
    margin:auto;
    height:16px;
    margin-top:5px;
    margin-bottom:5px;
    padding:5px;
    color:#414141;
    font-family:Arial, Verdana, sans-serif;
    font-size:13px;
}

#popup-window .media-message{
    width:220px;
}

/*session reminder*/

#remind-me-body{
   background:#000 url('/static/images/studio/ff-modal-logo.png') 330px 10px no-repeat;
}

#remind-me{
   padding:15px;
}

#remind-me h1{
   width:70%;
}

#remind-me p{
   font-size:14px;
}

#remind-me .remove{
    font-style:italic;
}

#remind-me a.button{
    display:block;
    width:132px;
    height:26px;
    background:url('/images/studio/modal-submit-button.png') no-repeat;
    color:#000;
    font-size:18px;
    text-align:center;
    margin-top:10px;
    margin-bottom:7px;
    padding-top:5px;
    font-style:bold;
}

/* session upload */
#session-upload-iframe{
    background:#000; 
}

#session-upload-iframe h1{
    width:100%;
}

#session-upload-iframe .bar {
    width: 300px;
}

#session-upload-iframe #uploading{
    display:block;
    position:absolute;
    top:90px;
    left:50px;
}

#session-upload-iframe #progress {
    background: #eee;
    border: 1px solid #222;
}

#session-upload-iframe #percents{
    background: #000;
    color:#999;
}

#session-upload-iframe #progressbar {
    width: 0px;
    height: 24px;
    background: #333;
}

.first_name_label {
	display: none;
	width: 75px;
	height: 20px;
	opacity: 0.8;
	background-color: black;
	margin-left: 3px;
	top: 82px;
	position: absolute;
}

.first_name_label div {
	opacity: 1.0;
	color: #FFF;
	font-size: 13px;
}



#session-detail-info
{
	position: relative;
}

#session-detail-info iframe
{
	position: absolute;
	right: 0;
	top: 0;
	border:none;
	overflow:hidden;
	width: 100px;
	padding: 10px;
	height: 20px;
}


.studio_large_button {
    font-family: kalinga;
    text-shadow: 1px 1px 2px #b8b8b8;  filter: dropshadow(color=#b8b8b8, offx=1, offy=1);
    font-size: 15px;
    width: 215px;
    height: 38px;
    margin-bottom: 22px !important;
    padding-top: 3px !important;
    color: #353535;
    display: block;
    text-align: center;
    cursor:pointer;
    cursor:hand;
    border: 1px solid rgba(255,255,255,.44);

    -moz-box-shadow: 2px 2px 12px rgba(71,71,71,.4);
-webkit-box-shadow: 2px 2px 12px rgba(71,71,71,.4);
box-shadow: 2px 2px 12px rgba(71,71,71,.4);

    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
         
 background: rgb(219,219,219); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(219,219,219,1) 0%, rgba(242,242,242,1) 47%, rgba(229,229,229,1) 54%, rgba(206,206,206,1) 97%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,219,219,1)), color-stop(47%,rgba(242,242,242,1)), color-stop(54%,rgba(229,229,229,1)), color-stop(97%,rgba(206,206,206,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(242,242,242,1) 47%,rgba(229,229,229,1) 54%,rgba(206,206,206,1) 97%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(242,242,242,1) 47%,rgba(229,229,229,1) 54%,rgba(206,206,206,1) 97%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(242,242,242,1) 47%,rgba(229,229,229,1) 54%,rgba(206,206,206,1) 97%); /* IE10+ */
background: linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(242,242,242,1) 47%,rgba(229,229,229,1) 54%,rgba(206,206,206,1) 97%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */

  
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.studio_large_button:hover {
border: 1px solid #cececa;

background: -moz-linear-gradient(top,  rgba(23,33,45,0) 0%, rgba(98,156,185,0) 89%, rgba(99,157,187,1) 90%, rgba(102,163,193,1) 94%, rgba(56,102,137,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(23,33,45,0)), color-stop(89%,rgba(98,156,185,0)), color-stop(90%,rgba(99,157,187,1)), color-stop(94%,rgba(102,163,193,1)), color-stop(100%,rgba(56,102,137,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(23,33,45,0) 0%,rgba(98,156,185,0) 89%,rgba(99,157,187,1) 90%,rgba(102,163,193,1) 94%,rgba(56,102,137,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(23,33,45,0) 0%,rgba(98,156,185,0) 89%,rgba(99,157,187,1) 90%,rgba(102,163,193,1) 94%,rgba(56,102,137,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(23,33,45,0) 0%,rgba(98,156,185,0) 89%,rgba(99,157,187,1) 90%,rgba(102,163,193,1) 94%,rgba(56,102,137,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(23,33,45,0) 0%,rgba(98,156,185,0) 89%,rgba(99,157,187,1) 90%,rgba(102,163,193,1) 94%,rgba(56,102,137,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0017212d', endColorstr='#386689',GradientType=0 ); /* IE6-9 */

-moz-box-shadow: 2px 2px 12px rgba(71,71,71,.0);
-webkit-box-shadow: 2px 2px 12px rgba(71,71,71,.0);
box-shadow: 2px 2px 12px rgba(71,71,71,.0);

}



 
   /* FFSgray (Filter Foundry small gray standard button)
*******************************************************************************/
button.FFSgray {
  margin-top: 6px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #050505;
  background: -moz-linear-gradient(
    top,
    #ffffff 0%,
    #ebebeb 50%,
    #dbdbdb 50%,
    #b5b5b5);
  background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#ffffff),
    color-stop(0.50, #ebebeb),
    color-stop(0.50, #dbdbdb),
    to(#b5b5b5));

  border: 1px solid #949494;

  width: 70px;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 5px;
}
button.FFSgray:hover {
background: -moz-linear-gradient(
    top,
    #ffffff 0%,
    #ebebeb 50%,
    #e0e0e0);
  background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#ffffff),
    color-stop(0.50, #ebebeb),
    to(#e0e0e0));;
}

 

  /* FFSgray (Filter Foundry small gray standard button)
*******************************************************************************/
button.FFSmed {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #050505;
  background: -moz-linear-gradient(
    top,
    #ffffff 0%,
    #ebebeb 50%,
    #dbdbdb 50%,
    #b5b5b5);
  background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#ffffff),
    color-stop(0.50, #ebebeb),
    color-stop(0.50, #dbdbdb),
    to(#b5b5b5));
  border-radius: 8px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: 1px solid #949494;
  -moz-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset 0px 0px 2px rgba(255,255,255,1);
  -webkit-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset 0px 0px 2px rgba(255,255,255,1);
  text-shadow:
    0px -1px 0px rgba(000,000,000,0.2),
    0px 1px 0px rgba(255,255,255,1);
  width: 190px;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
}
button.FFSmed:hover {
background: -moz-linear-gradient(
    top,
    #ffffff 0%,
    #ebebeb 50%,
    #e0e0e0);
  background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#ffffff),
    color-stop(0.50, #ebebeb),
    to(#e0e0e0));;
}