@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600);

html { height:100%; }

body { margin: 0px; padding: 0px;  font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 13px; color: #666;  background: #fff;}

.body-home { background: none; }

.body-home #container {
        background: transparent url(../Images/stack.jpg) no-repeat 50% 50%;
         min-height: 700px;  
         max-width:1300px;
         margin:auto;
         _width:1200px;
         _height: 600px; 
         _background:none;
    }

.body-home #container #photos  { 
    text-align:right; 
    background: transparent url(../Images/bkhome.jpg) no-repeat 50% 50%;
    background-size: cover; 
    min-height: 630px;  
    max-width:1200px; 
    margin:auto;
    position: relative;
    top: 35px;
    _width:1200px;
    _height: 600px;
}

h1 { font-size: 24px; color: #222; }

h2 { font-size: 18px; color: #222; }

a, a:visited, a:active, a:focus { color: #4285f4; text-decoration: none; outline: none; }

a:hover { color: #4285f4; }

#wrapper { padding: 30px 0px 0px 0px; width: 100%; background-color: #FFF; }
#menu { height: 40px; background-color:#fff; }

/*********** Centering page ***********/


#container { position: relative;  }

#home { position: relative; width: 990px; height: 590px; }

.back-home { background: url(/home/images/back_home.jpg) 0px 0px no-repeat; }

.back-photos { background: url(/home/images/back_photos.jpg) 0px 0px no-repeat; }

.back-photographer { background: url(/home/images/back_photographer.jpg) 0px 0px no-repeat; }

.back-ahead { background: url(/home/images/back_ahead.jpg) 0px 0px no-repeat; }

.back-launch { background: url(/home/images/back_launch.jpg) 0px 0px no-repeat; }

#home-left { position: absolute; top: 0px; left: 0px; /*background:url(/home/images/left_back.png) no-repeat;*/ width: 35px; height: 594px; }

#home-top { position: absolute; top: 0px; left: 35px; /*background:url(/home/images/top_back.png) no-repeat;*/ width: 954px; height: 37px; }

#home-right { position: absolute; top: 0px; left: 989px; /*background:url(/home/images/right_back.png) no-repeat;*/ width: 35px; height: 594px; }

#home-bottom { position: absolute; top: 557px; left: 35px; /*background:url(/home/images/bottom_back.png) no-repeat;*/ width: 954px; height: 37px; }

#home-main { position: absolute; top: 30px; left: 13px; /*background:url(/home/images/main_back.png) no-repeat;*/ width: 964px; height: 534px; }

#home-main-left { float: left; background: url(/home/images/nav_back_dark.png) no-repeat; width: 218px; height: 534px; }

#home-main-right { float: right; width: 725px; height: 534px; }


#sidenav-wrapper { padding: 180px 0px 0px 0px; }

span.nav-line { color: #a4a4a4; text-decoration: line-through; float: left; margin: 0px 0px 0px 15px; }

span.nav-title { color: #a4a4a4; text-transform: uppercase; }

ul.sidenav { float: left; margin: 0px; padding: 0px; width: 213px; list-style: none; text-align: right; color: #FFF; }
ul.sidenav li { position: relative; float: left; margin: 0; padding: 0; text-align: right; padding: 0px 20px 0px 0px; width: 193px; line-height: 24px; height: 24px; color: #FFF; }
ul.sidenav li a, ul.sidenav li a:link, ul.sidenav li a:visited { display: block; color: #fff; text-decoration: none; line-height: 24px; padding: 0px 20px 0px 0px; width: 193px; height: 24px; position: relative; z-index: 2; text-transform: lowercase; }

ul.sidenav li a:hover, ul.sidenav li a.active { background: url(/home/images/nav_hover.png) no-repeat 2px 0px; color: #fff; }

ul.sidenav li div.popup { display: none; position: absolute; top: -12px; left: 206px; width: 230px; line-height: normal; color: #FFF; text-align: left; }

ul.sidenav li div.popup div.popup-top { margin: 0px; width: 197px; padding: 0px 10px 0px 23px; height: 32px; background: url(/home/images/popup_top_dark.png) no-repeat; }

ul.sidenav li div.popup div.popup-middle { margin: 0px 0px; width: 197px; padding: 0px 10px 0px 23px; background: url(/home/images/popup_middle_dark.png) repeat-y; }

ul.sidenav li div.popup div.popup-bottom { margin: 0px 0px; width: 197px; padding: 0px 10px 0px 23px; height: 15px; background: url(/home/images/popup_bottom_dark.png) repeat-y; }

ul.sidenav li div.popup div.popup-top div.popup-title { padding: 16px 0px 0px 0px; text-transform: uppercase; line-height: 12px; font-weight: bold; color: #a4a4a4; }

#logo { background: url(../images/logo.png) no-repeat 50% 50%; display: inline-block; width: 132px; float: left; margin-top:-10px; *display:inline; zoom:1; *margin-top:5px; }

#logo-link { width: 132px; height: 40px; display: block; text-decoration: none; }

#photos { width: auto; }

#photographer { width: 480px; }

#signup { width: 420px; }

#login { width: 480px; }

.box { text-align: left; background: url(/home/images/transparency50.png); position: absolute; bottom: 30px; right: 25px; color: #FFF; z-index: 1; }

.box-marketing, .box-instructions { padding: 0px 0px 10px 0px; }


.box-left { }

.box-right { width: 200px; float: right; padding: 0px 0px 0px 20px; }

.box-content { position: relative; padding: 15px 15px 15px 15px; width: 375px;  margin-left: auto; background: url(/home/images/bk-black-50.png) repeat 0 0; height: 600px; color: #fff; *background-color:#000;}

.box-logo { position: absolute; bottom: 15px; right: 15px; }

.box-title { font-size: 30px; color: #fff; margin: 0px 0px 10px 0px; padding-bottom: 5px; border-bottom: 1px solid #fff; font-weight: bold; text-transform: capitalize; }

.pad-right { padding: 0px 25px 0px 0px; }


.pad-left { padding: 0px 0px 0px 25px; }

.box-form { /*background: #FFF;*/ }

label { padding: 0px 10px 5px 0px; width: 130px; text-align: right; display: inline-block; }

.box-field { border: none; background: #FFF; color: #666; padding: 3px; margin: 0px 0px 10px 0px; width: 196px; display: inline-block; }

.box-select { border: none; background: #FFF; color: #666; margin: 0px 0px 10px 0px; width: 200px; display: inline-block; }

.box-button { text-align: center; color: #fff; padding: 3px; background-image: none; background-color: #6d8b00; border: solid 1px #addd00; width: 200px;  }
.box-button:hover { border-color: #fff; color: #fff; background-color: #73a033; }
.box-button a { display: inline-block; padding: 3px 10px 3px 10px; background: #8fc73e; color: #FFF; text-decoration: none; text-align: center; min-width: 100px; }
.box-button a:hover { background: #73a033; color: #FFF; }

/*********** Footer Area ***********/

#footer { text-align: right; font-size: 11px; padding-top:10px; max-width: 1200px; margin:auto; _width:1200px; }

.photocredit { text-align:left; padding-top:0px; padding-left:30px; line-height:18px; }

.photocredit a { color: #666; text-decoration: none; }

.photocredit a:hover, #copyright a:hover { color: #8fc73e; }

#footer-right { width:40%; float:right; }

#footer-nav { margin: 0px; padding: 0px 17px 0px 0px; list-style: none; float: right; }

#footer-nav li { float: left; }

#footer-nav li a { color: #666; text-decoration: none; text-transform: lowercase; }

#footer-nav li a:hover, #copyright a:hover { color: #8fc73e; }


#footer-nav .separator { padding: 0px 7px 0px 7px; }

#copyright { padding: 3px 17px 0px 0px; }

#copyright a { color: #666; text-decoration: none; }

.clear { clear: both; }

.error { color: #54C6D1; }

.ui-datepicker { z-index: 1; }

input.box-field { border: solid 1px #888; background-color: #fff; color: #666; padding: 2px; }
input.box-field:focus { border: solid 1px #ff9900; background-color: #fff; color: #666; padding: 2px; }
select { border: solid 1px #666; background-color: #fff; color: #666; padding: 2px; }

div.fpContainer label { padding: 0px 5px 0px 0px; text-align: right; min-width: 165px; width: 165px; }
div.fpContainer p { padding: 0; margin: 10px 0px; }
div.fpContainer .box-field { margin: 0; }
div.fpContainer input { width: 196px; display: inline; }

div.fpContainer .fpButton { display:inline-block; width: 204px; text-align: center; color: #fff; padding: 7px; background-image: none; background: url(/home/images/bk-black-50.png) repeat 0 0; border: solid 1px #fff; *background-color:#000; }
div.fpContainer .fpButton:hover { border-color: #fff; background-color: #E02126; background-image: none; }
div.fpContainer .fpDateBox { background: #fff url(/home/images/calendar.png) no-repeat center right; }



div#login .error { margin-bottom: 10px; display: block; }
div.error { margin-bottom: 10px }

/* Help */
.help_white { display: none; min-height:100px; background-color: #fff; color: #000; margin: auto;  border: 5px solid #C0D72F; height: 100%; }
.helpContainer { padding: 20px; text-align: left; font-size:9.5pt; }
.help_white div { padding: 10px 10px; }

.help_white a { margin-top: 1em; display: inline-block; color: #000; }
.help_white a:link { color: #000; }
.help_white a:hover { color: #333; }
.help_white a:visited { color: #000; }
.help_white a:active { color: #000; }
.help_white input { width: 6em; }

div.blockPage .helpClose { position: absolute; top: 12px; right: 30px; line-height: 22px; margin: 0; background-image: url(/store/images/closeX.gif); background-repeat: no-repeat; padding-right: 25px; background-position: 100% 0; }
div.blockPage .helpContainer { padding: 10px 20px 50px 20px; }
div.blockPage div.helpCrumb { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: solid 1px #aaa; }
div.blockPage div.helpCrumb a { padding: 0; margin: 0; }


.box-button-searching { background-color: #666; border: solid 1px #fff; font-weight:bold;}
.box-button-searching:hover { background-color: #666; border: solid 1px #fff; font-weight:bold;}
.box-button-searching a { background-color: #666; border: solid 1px #fff; font-weight:bold;}
.box-button-searching a:hover { background-color: #666; border: solid 1px #fff; font-weight:bold;}
.box-button-searching a:active { background-color: #666; border: solid 1px #fff; font-weight:bold; }
div.fpContainer .box-button-searching:hover { background-color: #666; border: solid 1px #fff; font-weight:bold; }
div.fpContainer .box-button-searching { background-color: #666; border: solid 1px #fff; font-weight:bold; }

#ui-datepicker-div { display: none; }   /* fix for bug with date picker in chrome */

#photoResultForm .srCompanyLink a { color: #222; }
form#photoResultForm { font-family: 'Open Sans', Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 13px;}
#photoResultForm #top { background-color: #000; padding: 5px 15px; overflow:hidden; position:relative; *padding: 0 15px;} 
#photoResultForm #top:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: transparent url(../Images/bkhome.jpg) no-repeat 50% 50%;
        background-size: cover;
        opacity:.35;
    }
@media \0screen\,screen\9 { #photoResultForm #top:before { display: none; } } /* ie8 and below */
#photoResultForm #wrapper  {padding-top: 0; }
#photoResultForm #top-left {display: block; }
#photoResultForm #top-left-nav { margin: 10px; text-align:right;  padding: 0;  }
#photoResultForm #top-right { position:relative; }
#photoResultForm .hmenu li { list-style: none; display: inline-block; font-size: 14px; color:#aaa; *display:inline; zoom:1;  }
#photoResultForm .hmenu li a,
#photoResultForm .hmenu li a:visited { color:#ccc;  padding: 5px; }
#photoResultForm .hmenu li a:hover,
#photoResultForm .hmenu li a:active { color: #fff;  }
#photoResultForm .resultBar	{ max-width: 1100px; text-align: center; }

#photoResultForm  #footer { text-align: center; margin:auto !important; padding: 15px 0;}
#photoResultForm  #footer-nav { float: none; }
#photoResultForm #footer-nav li { float: none;  }
#photoResultForm  #footer li a,#photoResultForm  #footer li a:visited { color: #222; font-size: 12px; } 
#photoResultForm  #footer li a:hover,#photoResultForm  #footer li a:active { color: #222;  } 

@media screen and (max-width: 435px) {
    #menu { height: 0; }
    .box-content { width: 100%; padding: 0; text-align: center;  }
    div.fpContainer input { width: 100%;  display: block;   }
    .fypForm { text-align: center !important; margin: auto; display: inline-block; width: 90%;   }
    div.fpContainer label { text-align: left; min-width: initial; width: 100%; padding-bottom: .25em;   }
    div.fpContainer .fpButton { margin-top: 1.5em; }
    .body-home #container { background: none; height: 635px;  }
    .body-home #container #photos { height:600px; }

    #photoResultForm #top-left-nav { text-align: center;}
    #logo { float: none; width: 100% }
    #logo-link { width: 100%  }
}

body.photoResults					{ background: #f0f0f0 url(../../pro/images/signup/light-bk.jpg) repeat 0 0; }
form#photoResultForm .btn			{ width: 125px; margin-top: 15px; }
#photoResultForm  #wrapper			{ background: none; }
#photoResultForm  #main				{ text-align:center; background: transparent; }                         	  
#photoResultForm  .results			{ margin-bottom:5px;  }
#photoResultForm  #footer			{ margin-right: 45px; }
#photoResultForm #main	a:link		{ text-decoration: none; }
#photoResultForm #main	a:visited	{ text-decoration: none; }
#photoResultForm #main	a:hover		{ text-decoration: underline; }
#photoResultForm #main	a:active	{ text-decoration: underline; }

/* thumbs style  */

#resultWrapper.thumb                { position:relative; text-align:center;  margin: 0 auto; }
#resultWrapper.thumb .resultBar		{ margin:auto; padding:5px 5px 15px 0; overflow:hidden; }

#resultWrapper.thumb div.srPhotoItemOuter    {
    width: 475px; display:inline-block; overflow:hidden; zoom:1; *display:inline;
    background-color: transparent;
	background-color:  #eee;
	background-color: rgba(255,255,255,.5) ;
	/*background: -moz-linear-gradient(top,rgba(255,255,255,.1) 0%,  rgba(255,255,255,1)  100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,.1)), color-stop(100%,  rgba(255,255,255,1)  ));
	background: -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,  rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,.1) 0%,  rgba(255,255,255,1)  100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,  rgba(255,255,255,1)  100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,  rgba(0,0,0,.10)  100%);
	border-color: #000 !important;
	border-top-color:  #444 !important; 
    box-shadow: 0 2px 4px  #888; 
    */
    border-color: #a8a8a8 !important;
    border-style: solid;
    border-width:1px;
    border-radius:6px;
    margin: 3px;
}

#resultWrapper.thumb div.srPhotoItemInner				{ width: 475px;  }
#resultWrapper.thumb div.srPhotoItemData				{ width: 450px; padding:10px 5px 5px 10px; }
#resultWrapper.thumb div.srPhotoItemImg					{ text-align: center; float: left; }
#resultWrapper.thumb div.srPhotoItemImg img				{ border: solid 1px transparent; padding:1px;}
#resultWrapper.thumb div.srPhotoItemImg img:hover		{ border-color: #E02126;}

#resultWrapper.thumb div.srPhotoItemDetails				{ min-height:125px; text-align: left; margin-left:140px; position:relative;  }
#resultWrapper.thumb div.srPhotoItemDetailsInner			{ position:relative; }
#resultWrapper.thumb div.srPhotoItemDetailsInner h2		{ margin: 0 0 5px 0; font-size:18px; font-weight:400; }
#resultWrapper.thumb div.srPhotoItemNum					{ position:absolute; bottom:0px; right:0; font-size:30px; font-weight:bold; color:#e8e8e8; line-height:25px; }
#resultWrapper.thumb div.srPhotoItemFooter				{ clear:both; }

#resultWrapper.thumb .srEventLink						{ color:#E02126; }
#resultWrapper.thumb div.srDetailsEvent					{ margin-top: .5em; }
#resultWrapper.thumb div.srDetailsDesc					{ margin-top: .5em;  color:#000; font-weight:600}
#resultWrapper.thumb .srCompanyLink						{ margin-top: .5em;}

/* list style */

#resultWrapper.list              	                { max-width: 950px; position:relative; text-align:center;  margin: 0 auto; padding:0 10px; }
#resultWrapper.list .resultBar						{ margin:auto; padding:5px 5px 15px 0; overflow:hidden; border-bottom: solid 1px #aaa;}
#resultWrapper.list div.srPhotoItemOuter            { width: auto; background: transparent; border-bottom: solid 1px #aaa;}
#resultWrapper.list div.srPhotoItemInner	        { width: auto; }
#resultWrapper.list div.srPhotoItemData	            { width: auto; padding:5px 0px 5px 0px; }
#resultWrapper.list div.srPhotoItemImg	            { display: none; }
#resultWrapper.list div.srPhotoItemImg img          { display: none;}
#resultWrapper.list div.srPhotoItemImg img:hover	{ display: none;}

#resultWrapper.list div.srPhotoItemDetails		    { text-align: left;  }
#resultWrapper.list div.srPhotoItemDetailsInner		{ position:relative; vertical-align:top; height:auto;}
#resultWrapper.list div.srPhotoItemDetailsInner h2	{ margin:0px; font-size:12pt; font-weight:bold; width:auto; vertical-align:bottom; }
#resultWrapper.list div.srPhotoItemNum				{ display:none; }
#resultWrapper.list div.srPhotoItemFooter				{ clear:both; }

#resultWrapper.list .srEventLink					{ margin: 0 0 0 0 ; color:#E02126; float:left; width:auto; float:left;  vertical-align:bottom; }
#resultWrapper.list div.srDetailsEvent				{ margin: 3px 10px 0 10px; float:left; width:auto; vertical-align:bottom; }
#resultWrapper.list div.srDetailsDesc				{ margin: 3px 0 0 0px; float:left; width:auto; vertical-align:bottom; color:#000; font-weight:600}
#resultWrapper.list .srCompanyLink					{ margin: 3px 0 0 10px; text-align:right; float:right; width:auto; vertical-align:bottom; 		}

@media screen and (max-width: 475px) 
{
    #resultWrapper.thumb div.srPhotoItemOuter		{ width: 90%; margin: 3px; }
    #resultWrapper.thumb div.srPhotoItemInner		{ width: 100%; }
    #resultWrapper.thumb div.srPhotoItemData		{ width: initial; padding: 10px 5px 5px 5px; }
    #resultWrapper.thumb div.srPhotoItemImg         { float:none; }
    #resultWrapper.thumb div.srPhotoItemDetails		{  margin: 5px !important; text-align: center; }
}