input, select, textarea, button{font-family:inherit;}
textarea, input[type="text"], input[type="email"], input[type="password"] {border: 1px solid #999;}
input[type="checkbox"], label {cursor: pointer;}

div, a{
box-sizing: border-box;
}

.modal {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
width: 800px;
height: 500px;
padding: 10px;
z-index: 101;

z-index: 101;
}

.modal-wrapper {z-index: 1050;} 

#media-modal, #editors-modal{
position:fixed;
}

#media-modal{
border: none;
}

#media-modal .close{
top: -11px;
left: -15px;
}

.spinner-balls{
width: 16px;
height: 16px;
background: url('/st/images/spinner-balls.gif') no-repeat;
}

#image-wrapper, #player-wrapper{position:absolute; top: 0; left: 0; z-index: 1051;box-shadow: 0px 0px 7px 3px #333;}
#image-wrapper.ontop {z-index: 1052;}
#player-wrapper.small_hide, #image-wrapper.small_hide {width: 1px; height: 1px; overflow: hidden;}
   
#sidebar-wrapper {height: 100%; position: absolute; top: 0; left: 700px;}
.side-bar .action {position:absolute;bottom:40px;right:14px;}
.side-bar h2 {font-weight:700;}
.side-bar .vp-button {width:220px;padding:5px;}
.side-bar .vp-button h3 {font-size:22px;}
.side-bar .vp-button h4 {font-size:14px;line-height:14px;}



#image-wrapper img {height: 100%;}


#media-background {height: 100%; background-color: #fff; width: 0;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.9);}



.dimmer { background-color: #000; width: 100%; height: 100%; position: absolute; top: 1px;left: 0; z-index: 100; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)"; opacity: .66;}

  


.x {background:url('/st/images/fancy_close.png') no-repeat; width:30px;height:30px;position:absolute;top:-15px;left:-15px;cursor:pointer;z-index:1053;}
.x:hover {opacity:0.8;}

.side-bar {width:250px;background-color:#FFF;margin-top: 3%;height:94%;padding:3px 5px 3px 5px;}
.html-side-bar {padding: 20px;}
.html-side-bar p {margin: 15px 0; font-size:14px;}

.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f20{font-size: 20px;}
.f21{font-size:21px;}
.f24 {font-size: 24px;}
.f28 {font-size: 28px;}
.f32 {font-size: 32px;}
.f36 {font-size: 36px;}
.f40 {font-size: 40px;}
.f42 {font-size: 42px;}



.pr { position: relative;}

.fr {float:right;}
.dn {display:none;}
.dni {display:none !important;}
.vh {visibility:hidden;}
.fl{float:left;}
.cb {clear: both;}
.cl {clear: left;}
.oh {overflow: hidden;}

.cp {cursor: pointer;}

.c000{color: #000;}
.c222{color: #222;}
.c333{color: #333;}
.c555{color: #555;}
.c666{color: #666;}
.c777{color: #777;}
.c999{color: #999;}
.caaa{color: #aaa;}
.cAAA{color: #AAA;}
.cCCC{color: #CCC;}
.cCFCFCF{color: #CFCFCF;}
.cfff{color: #fff;}
.cFFF{color: #FFF;}

.fbold{font-weight: bold;}
.fnormal{font-weight: normal;}
.fitalic{font-style: italic;}

.w100pc{width: 100%;}

.ml3{margin-left: 3px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml13{margin-left: 13px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml120{margin-left: 120px;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}

.mr30{margin-right: 30px;}

.tac{text-align:center;}
.i {font-style:italic;}
/*
.ticker {background-image: url('/st/images/ticks.png');background-repeat:no-repeat; width: 28px;height: 22px;cursor:pointer;}
.ticker.invited {background-position:-28px 0px;}
.ticker:hover {background-position:-56px 0px;}
.ticker.invited:hover {background-position:-84px 0px;}*/

.ticker{
background: url('/st/images/sprite.png') no-repeat 0 0;
width: 38px;
height: 22px;
cursor:pointer;
}

.ticker:hover{
background-position: 0 -22px;
}

.ticker.selected{
background-position: 0 -44px;
}

.ticker.selected:hover{
opacity: 0.8;
}


.tooltip {position: absolute; top: 0; left: 0; z-index: 1000;}
.tooltip-hot {cursor:pointer; border-bottom: 1px dashed #ECA437;  
   font-family: arial, verdana, sans-serif; color: #ECA437; font-size: 11px; line-height: 11px;}
   
   
#see-how {position: absolute; bottom: 178px; right: 203px;}

/* --- vp-scroll-bar --- */
.vp-scroll-bar::-webkit-scrollbar{width:10px;height:10px;box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px -1px 0 rgba(0,0,0,.07);border-radius:2px;}
.vp-scroll-bar.light::-webkit-scrollbar{background-color:#ddd;}

.vp-scroll-bar::-webkit-scrollbar:hover{background-color:#eee;}

.vp-scroll-bar::-webkit-scrollbar-thumb{
min-height:0.8em;
min-width:0.8em;
background-color: rgba(0, 0, 0, .2);
box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset -1px -1px 0 rgba(0,0,0,.07);border-radius:2px;
}

.vp-scroll-bar::-webkit-scrollbar-thumb:hover{background-color: #bbb;}
.vp-scroll-bar::-webkit-scrollbar-thumb:active{background-color:#888;}

/*---- vp-scroll-shadows -----*/
.vp-scroll-shadows {
   overflow-y: auto;
   padding:0;
   background:
      /* Shadow covers */ 
      -webkit-linear-gradient(#FFFFFF 100%, rgba(255, 255, 255, 0)), -webkit-linear-gradient(rgba(255, 255, 255, 0), #FFFFFF 0%) 0 100%, 
      /* Shadows */ -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), transparent), -webkit-radial-gradient(50% 100%,farthest-side, rgba(0, 0, 0, .2), transparent) 0 100%;
   background:
      /* Shadow covers */ 
      linear-gradient(#FFFFFF 100%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #FFFFFF 0%) 0 100%, 
      /* Shadows */ radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), transparent), radial-gradient(50% 100%,farthest-side, rgba(0, 0, 0, .2), transparent) 0 100%;   
   background:
      /* Shadow covers */ 
      -moz-linear-gradient(#FFFFFF 100%, rgba(255, 255, 255, 0)), -moz-linear-gradient(rgba(255, 255, 255, 0), #FFFFFF 0%) 0 100%, 
      /* Shadows */ -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), transparent), -moz-radial-gradient(50% 100%,farthest-side, rgba(0, 0, 0, .2), transparent) 0 100%;
	background-repeat: no-repeat;
	background-size: 100% 10px, 100% 10px, 100% 10px, 100% 10px;
	
	/* Opera doesn't support this in the shorthand */
	background-attachment: local, local, scroll, scroll;
}


.order-type-tip {width: 200px; height: 410px; padding: 20px 15px;
   background-color: #fff; border-radius: 10px; border: 1px solid #ECA437;
   font-size: 14px; color: #666;  text-align: center;
   box-shadow:  0px 0px 7px 0 #ECCEA0; 
}

.order-type-tip h3 {font-size: 26px; font-weight: bold; color: #ccc; margin: 0 0 15px 0;}

.order-type-tip h4 {width: 160px; text-align: center; margin: 0 0 15px 0; 
   color: #777;  font-size: 14px;}
.order-type-tip h4>span{font-size: 12px;}
   
.order-type-tip .next-step {width: 20px; height: 11px; display: inline-block; margin-bottom: 15px;
   background: url(/st/images/down-arrow_11h.png) no-repeat 0 0; opacity: 0.5;} 
   
   
.order-type-tip .circling-arrows {width: 138px; height: 45px; display: inline-block; margin: -25px 0 0 0;
   background: url(/st/images/circling-arrows.png) no-repeat 0 0;} 


.budget-tip {width: 310px; height: 550px;}
.budget-tip h4 {width: 260px;}
.budget-tip h5, .budget-tip h6 {font-size: 14px;} 
.budget-tip h5 {width: 155px; float: left; clear: left; text-align: left; margin:  0 0 10px 10px;}
.budget-tip h6 {width: 100px; float: left; text-align: right;}
.budget-tip a {color: #F49F20;}

a.signin-create-account {clear: both; float: left; color: #FFF; font-size: 20px; margin: 10px 0;}
a.signin-create-account span{text-decoration: underline;}

.profile-pic {width:100px;height:100px; 
   -webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
   -webkit-box-shadow: inset 0px 0px 0px 2px white, 0px 1px 1px 1px #999;
   -moz-box-shadow: inset 0px 0px 0px 2px white, 0px 1px 1px 1px #999;
   box-shadow:  inset 0px 0px 0px 2px white, 0px 1px 1px 1px #999;
}



#editors-modal  {
background:#FFF;
z-index: 1000;
}

#editors-modal h2  {font-size:30px;margin:20px 0 0 23px;color:#777; cursor: pointer;}
#editors-modal .modal-viewport {overflow:hidden;height:100%;width:100%;}
#editors-modal  .wrapper {height:100%; width:100%;float:left;}

#search-nav input {font-size:15px;color:#777;line-height:23px;border: 1px solid #ccc;background: none;padding: 1px 4px;}
#search-nav .search-category{font-size:15px; font-weight: 700; color:#CCC; background:#FFF; margin:20px 0px 0px 0px;}
#search-nav ul{margin:10px 0px 20px 5px;}
#search-nav li {font-size:15px;margin:10px 0px;cursor:pointer;line-height:15px;}
#search-nav li:hover {
color: rgb(161, 161, 161);
}

#editors-modal #search-nav {float:left;margin:55px 20px;color:#777;font-size:15px;}
#editors-modal #search-nav h3 {margin-top:20px;}
#editors-modal #search-nav li {margin:5px;cursor:pointer;}
#editors-modal #editors-list-wrapper {float:left;}
#editors-modal .colHeader {position:absolute;top:67px;left:232px;color:#08B11C;z-index:1;}
#editors-modal .colHeader h3 {font-weight:700;}
#editors-modal .colHeader .action {font-size:12px; margin-top:-1px;float:left;color:#999;cursor:pointer;}
#editors-modal .colHeader .action:hover {border-bottom:1px dashed #999;}
#editors-modal .colHeader .action + .action {margin-left:8px;}

#editors-modal #editors-list  {
width: 740px;
height:82%;
margin:5px 20px;
position:absolute;
left:220px;
top:90px;
overflow-y:auto;
} 

#editors-modal #editors-list .editor {position:relative;margin:0 0 11px 24px;height:auto;}
#editors-modal #editors-list .editor > div {display:inline-block;vertical-align:top;}
#editors-modal #editors-list .invite {margin:43px 30px 0 0;}

#editors-modal #editor-profile .ticker-wrapper {margin:20px 18px 0px 46px;cursor:pointer;text-align:right;}
#editors-modal #editor-profile .ticker {display:inline-block;vertical-align:middle;margin-right:10px;}
#editors-modal #editor-profile .ticker-wrapper h3 {display:inline-block;vertical-align:middle;float:none;font-size:20px;font-weight:700;color:#777;}
#editors-modal #editor-profile .ticker-wrapper:hover {opacity:0.9;}


#editors-modal #editors-list .profile-pic {margin:15px 10px;width:80px;height:80px;}
#editors-modal #editors-list .reel-thumbnail, #editors-modal #editors-list .no-reel {width:210px;height:100px;box-shadow:0 0 1px 1px #999;}
#editors-modal #editors-list img.arrow {left:87px;top:26px;}

#editors-modal #editors-list .no-reel {
padding-top:37px;
}

#editors-modal #editors-list .no-reel h2{
font-size: 16px;
text-align: center;
}

#editors-modal #editors-list .name-and-specialties {margin:12px 10px; width: 250px;}

#editors-modal #editors-list h2 {
margin:0px;
font-size:20px;
}

#editors-modal #editors-list h3 {font-size:15px;color:#999;}
#editors-modal #editors-list .specialty-wrapper {width:200px;height:45px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
#editors-modal #editors-list .reel-wrapper {margin:5px;vertical-align:middle;}

#editors-modal  .editor-profile-wrapper {height:100%; width:100%;float:left;position:relative;}
#editors-modal .editor-nav {position:absolute;top:-39px;right:0px;cursor:pointer;z-index:-1;background:#19191B;color:#FFF;border-top-left-radius:15px;border-top-right-radius:15px;padding:10px;font-weight:700;}
#editors-modal .editor-nav div {display:inline-block;margin:0px 10px;}
#editors-modal .editor-nav div:hover {text-decoration:underline;}

#editors-modal #editor-profile {width:100%;height:100%;background:#FFF;position:static;box-shadow:none;}




#editor-profile .profile-pic, #editor-profile .name-and-specialties {display:inline-block; vertical-align:top;}
#editor-profile .name-and-specialties {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:8px;}
#editor-profile .specialties {
max-width:520px;
clear: both;
float: left;
}
#editor-profile h2 {font-size:30px;font-weight:700;margin:0px;
float: left;}

#editor-profile .location{
  display: block;
  height: 23px;
  padding: 2px 0 0 23px;
  background: url('/st/images/location_icon_sprite.png') no-repeat 0 0;
  float: left;
  margin: 10px 0 0 17px;
  font-size: 15px;
  color: rgb(160, 160, 160);
  font-style: italic;
  font-weight: 700;
  box-sizing: border-box;
  font-family: 'Open Sans';
}

#editor-profile h3 {
font-size: 14px;
}
#editor-profile h3.specialty:after {content:", ";margin-right:5px;}
#editor-profile h3.specialty:last-child:after{content:"";}

#editor-profile .profile-pic {
width:80px;
height:80px;
background-size: contain !important;
}

#editor-profile .vp-button{width:85%;margin:0px auto;display:block;font-size:22px;padding:5px 10px;}
#editor-profile .vp-button strong{font-size:22px;}
#editor-profile .awards {border-left:1px solid #999;}

#editor-profile .comment-wrapper h3 {
max-height: 37px;
overflow: hidden;
font-weight: 400;
font-size: 14px;
line-height: 130%;
}

#editor-profile .reel-wrapper {float:left; margin:5px 10px;}
#editor-profile .reel-thumbnail {cursor:pointer;width:135px;height:75px;background-size:100%!important;}
#editor-profile .sub-thumbnail {min-height:14px;}

#editor-profile .sub-thumbnail h4 {
color: rgb(252,91,90);
font-weight:bold;
font-size:12px;
text-align:right;
}

#editor-profile .reel-thumbnail.notPlaying{opacity:0.7;}
#editor-profile .reel-thumbnail:hover{opacity:1!important;}

#editor-profile .option-label{
width: auto;
float: right;
padding: 7px 20px;
}

#editor-profile .option-label h3{
margin: 0;
font-size: 20px;
}




iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -14px;
    float: left;
}