/* CSS Document */

html { height: 100%; }

body { margin: 0px; padding: 0px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; background: #fff url(../images/bkheader.png) repeat-x; height: 100%; }

.body-home { background: none; }

h1 { font-family: "century gothic" , Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px; color: #6fbd00; }

h2 { font-family: "century gothic" , Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #ff9900; }

#main-column li { list-style: url(../images/bullet.png); }

#wrapper { margin: 25px auto 0; padding: 0px 0px 0px 0px; width: 1024px; min-height: 100%; height: auto; background: url(../images/left_back.png) repeat-y; background-color: #fff; }
* html #wrapper { height: 100%; }
/* ie6 and under*/


#top { height: 120px; }

#top-left { float: left; width: 220px; height: 120px; background: url(../images/top_left_h.png) no-repeat #000; }

#top-right { min-width: 980px; height: 120px; width: 100%; background: url(../images/top_right_h.png) 220px 0px no-repeat #6fbd00; position: relative; }

#photoResultForm #top-left { background: url(../images/top_left.png) no-repeat #000; }
#photoResultForm #top-right { background: url(../images/top_right.png) 220px 0px no-repeat #6fbd00; }

/*body#photographerResult { background: #fff url(../images/bkheader_pro.png) repeat-x; }*/
#photographerResultForm #top-left { background: url(../images/top_left_pro.png) no-repeat #000; }
#photographerResultForm #top-right { background: url(../images/top_right_pro.png) 220px 0px no-repeat #6fbd00; }

.pro-header_tl { background: url(../images/top_left_pro.png) no-repeat #000; }
.pro-header_tr { background: url(../images/top_right_pro.png) 220px 0px no-repeat #6fbd00; }

.photos-header_tl { background: url(../images/top_left.png) no-repeat #000; }
.photos-header_tr { background: url(../images/top_right.png) 220px 0px no-repeat #6fbd00; }

.studio-header_tl { background: url(../images/top_left_g.png) no-repeat #000; }
.studio-header_tr { background: url(../images/top_right_g.png) 220px 0px no-repeat #6fbd00; }

.studio-header_tl { background: url(../images/top_left_g.png) no-repeat #000; }
.studio-header_tr { background: url(../images/top_right_g.png) 220px 0px no-repeat #6fbd00; }

.studio-header_tl { background: url(../images/top_left_g.png) no-repeat #000; }
.studio-header_tr { background: url(../images/top_right_g.png) 220px 0px no-repeat #6fbd00; }

.user-header_tl { background: url(../images/top_left_ph.png) no-repeat #000; }
.user-header_tr { background: url(../images/top_right_r.png) 220px 0px no-repeat #6fbd00; }

.new-header_tl { background: url(../images/top_left_ph.png) no-repeat #000; }
.new-header_tr { background: url(../images/top_right_ph.png) 220px 0px no-repeat #6fbd00; }


#logo { position: absolute; width: 220px; height: 65px; top: 42px; left: 0px; }

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

#top-nav-wrapper { text-align: right; padding: 0px 20px 0px 0px; }

#top-nav a { color: #fff; }

#top-nav a:hover { color: #b7ff4f; }



#main { width: 1024px; background: url(../images/left_back.png) repeat-y; }

#left-column { float: left; width: 220px; background: url(../images/left_back.png) repeat-y; }

#main-column { float: right; width: 800px; }


#left-column-topback { padding: 20px 0px 20px 0px; background: url(../images/left_back_top.png) no-repeat; }

#left-nav { margin: 0px; padding: 0px; list-style: none; }

#left-nav li { margin: 0px; padding: 0px; list-style: none; text-align: right; width: 220px; height: 26px; }

#left-nav li a { color: #fff; /*#6fbd00;*/ font-size: 12px; display: block; text-decoration: none; padding: 0px 25px 0px 0px; line-height: 26px; }

#left-nav li a:hover, #left-nav li a.active { color: #FFF; background: url(../images/left_nav_hover.png) no-repeat; }

#left-nav li.separator { text-align: left; }

#main-left-column { /*width: 540px; 	float: left;*/ text-align: justify; }

#main-right-column { float: right; width: 243px; border-left: 1px solid #b2d234; border-right: 1px solid #b2d234; border-bottom: 1px solid #b2d234; background: #fbfff7; margin: 0px 0px 10px 30px; }

.main-content { padding: 20px 0px 0px 20px; }


.content { padding: 20px; }



.line { border-bottom: 1px solid #d2e8b1; height: 13px; width: 175px; margin: 0px 0px 0px 15px; }

.clear { clear: both; font-size: 1px; height: 1px; line-height: 1px; }

#top-left-nav { padding: 0px 25px 0px 0px; }

.hmenu { padding: 0px; margin: 0px; list-style: none; display: block; float: right; }

.hmenu li { float: left; display: block; padding: 8px 10px 0px 0px; color: #fff; line-height: 18px; font-size: 13px; }

.hmenu li a { color: #FFF; text-decoration: none; }

.hmenu li a:hover { color: #b7ff4f; text-decoration: none; }

#befriend { width: 170px; text-align: left; }

#footer { font-size: 11px; text-align: right; color: #666; padding: 0px 0px 30px 0px; }

#footer-nav li { color: #666; font-size: 11px; padding: 20px 0px 0px 7px; }

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

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

#footer-nav a:hover, #footer a:hover { color: #6fbd00; }

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

.icons { float: right; }

.icons a { padding: 0px 10px 0px 0px; }

.icon { border: 0px; }

a { color: #666; }

a:hover { color: #6fbd00; }


/* Help */
.help_white
{
	display: none;
	background-color: #fff;
	color: #000;
	margin:auto; 
	padding: 2em;  
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 5px solid #C0D72F;
	height:100%;
}
.help_white div		{padding:10px 10px; }

.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 { background-color: #ccc; border: 1px solid #000; font-size: 1em; font-weight: bold; }