/* New front door styling & Layout */

body {margin:0; background:#FFF; font:11px "Trebuchet MS", Helvetica, SansSerif;}
fieldset {margin:0; padding:0; border:0;}

a {color:#329ACD; text-decoration:underline;}
a:hover {color:#9A0000; text-decoration:none;}

form, fieldset, div {margin:0; padding:0; border:0;}
.red {color:#C80000;}

/* clearing */
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* header */
#front_header {width:100%; min-height:200px; background:url(/images/fnav/bk-header.jpg) repeat-x;}

#front_header .top_mnu {height:36px; overflow:hidden;}
#front_header .top_mnu:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

#front_header .top_mnu ul {display:block; margin:0 auto; padding:0; width:960px; height:36px; list-style-type:none;}
#front_header .top_mnu ul:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
#front_header .top_mnu ul li, 
#front_header .top_mnu ul li a {display:block; float:left; margin:0; width:62px; height:36px; text-decoration:none;}
#front_header .top_mnu ul li a {float:none; text-align:center; font:14px/36px "Trebuchet MS", Helvetica, SansSerif; color:#FFF;}
#front_header .top_mnu ul li a:hover {color:#FFC; background:#444;}
#front_header .top_mnu ul li.wider, 
#front_header .top_mnu ul li.wider a {width:140px;}

#front_header .top_mnu ul li.top_search {float:right; padding:8px 0 0 0; width:170px; height:28px; overflow:hidden; text-align:right;}
#front_header .top_mnu ul li.top_search input[type=text] {float:right; margin:0; padding:2px 0 0 6px; border:0; height:18px; background:transparent url(/images/search_box.png) no-repeat; color:#A1A1A1; font:12px Arial, Helvetica, sans-serif;}
#front_header .top_mnu ul li.top_search input[type=submit] {float:right; margin:0; padding:20px 0 0 24px; border:0; width:24px; height:20px; background:transparent url(/images/btn_search.png) no-repeat; overflow:hidden;}

#front_header .container {position:relative; margin:0 auto; padding:0; width:960px; height:184px; overflow:hidden; background:url(/images/fnav/bk-running.png) center -36px no-repeat;}
#front_header .container .logo {position:absolute; z-index:10; top:60px; left:0; width:318px; height:104px; background:url(/images/fnav/logo-n2e-header.png) no-repeat; cursor:pointer;}
#front_header .container .signup_txt {position:absolute; z-index:10; top:45px; right:260px; width:300px; height:60; text-align:right; font:18px "Trebuchet MS", Helvetica, SansSerif; color:#000;}
#front_header .container .signup_txt div { font:14px "Trebuchet MS", Helvetica, SansSerif; color:#000;}
#front_header .container .signup_btn {position:absolute; z-index:10; top:25px; right:5px; width:228px; height:78px; background:url(/images/fnav/btn-lg-signup.png) no-repeat;}
#front_header .container .signup_btn:hover {background:url(/images/fnav/btn-lg-signup-over.png) no-repeat; cursor:pointer;}

#front_header .container .login_form {position:absolute; z-index:10; bottom:0; right:-8px; width:430px; height:60px;}
#front_header .container .login_form a {color:#008080; text-decoration:none;}
#front_header .container .login_form a:hover {color:#00BBBB;}
#front_header .container .login_form div {float:left; margin:5px 5px 0 0;}
#front_header .container .login_form div:first-child {float:none; margin:0; width:100%; text-indent:5px; line-height:20px;}
#front_header .container .login_form input[type=text], 
#front_header .container .login_form input[type=password] {float:left; margin:0; padding:2px 0 0 6px; border:0; width:142px; height:18px; background:url(/images/fnav/input-left.png) no-repeat; color:#666;}
#front_header .container .login_form .input_end {float:left; display:block; width:8px; height:20px; background:url(/images/fnav/input-right.png) no-repeat;}
#front_header .container .login_form input[type=submit] {margin:0; padding:22px 0 0 94px; border:0; width:94px; height:22px; overflow:hidden; background:url(/images/fnav/btn-login.png) no-repeat;}
#front_header .container .login_form input[type=submit]:hover {background:url(/images/fnav/btn-login-over.png) no-repeat; cursor:pointer;}

/* main area */
#front_main {margin:0 auto; padding:15px 0 0 0; width:960px;}
#front_main:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

#front_main h1 {display:block; margin:0; padding:15px 0 30px 0; text-align:center; font:normal 22px "Trebuchet MS", Helvetica, SansSerif; color:#000;}

#front_main .col1 {float:left; margin:0 0 0 10px; width:310px; text-align:center;}
#front_main .col2 {float:left; margin:0 0 0 10px; width:310px; text-align:center;}
#front_main .col3 {float:left; margin:0 0 0 10px; width:310px; text-align:center;}

#front_main .col1:after, #front_main .col2:after, #front_main .col3:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

#front_main .pic_frame {margin:0 auto; padding:9px 0 0 9px; width:285px; height:285px; background:url(/images/fnav/pic-frame.png) no-repeat;}
#front_main .pic_frame .inner {width:276px; height:276px;}

#front_main .pic_frame .inner ul {display:block; margin:0; padding:0; list-style-type:none; overflow:hidden;}
#front_main .pic_frame .inner ul li {float:left; display:block; margin:0 1px 1px 0; padding:0; width:68px; height:68px; background:url(/profilePhotos/thumb_default.jpg) no-repeat;}
#front_main .pic_frame .inner ul li a, #front_main .pic_frame .inner ul li img {display: block; width:68px; height:68px;border: none}

#front_main .col1 .txt_tag {margin:10px 0 0 0; padding:42px 0 0 0; width:100%; text-align:center; background:url(/images/fnav/txt-endure.png) top center no-repeat; font-size:14px;}
#front_main .col2 .txt_tag {margin:10px 0 0 0; padding:42px 0 0 0; width:100%; text-align:center; background:url(/images/fnav/txt-connect.png) top center no-repeat; font-size:14px;}
#front_main .col3 .txt_tag {margin:10px 0 0 0; padding:42px 0 0 0; width:100%; text-align:center; background:url(/images/fnav/txt-share.png) top center no-repeat; font-size:14px;}

/* footer */
#footer {clear:both; margin:30px auto 10px auto; padding:12px 0 0 0; width:968px; height:43px; background:url(/images/footer_bgr.png) no-repeat}
#footer .col1 {float:left; margin:0 0 0 6px; width:48%;}
#footer .col1 ul {display:block; margin:0; padding:0; list-style-type:none;}
#footer .col1 ul li {float:left; display:block; margin:0 0 0 2px; padding:0; width:60px; text-align:center;}
#footer .col1 ul li.wider {width:90px;}
#footer .col1 ul li a {display:block; margin:0; padding:0; text-decoration:none; font:10px/18px Tahoma, Geneva, SansSerif;}
#footer .col2 {float:right; margin:0 12px 0 0; width:48%; text-align:right; font:10px/18px Tahoma, Geneva, SansSerif; color:#333;}

/* Lightbox */
		
		#ajax-smallframe																{width: 504px; height: 424px; position: fixed; z-index: 100; overflow: hidden}
		#ajax-smallframe .box-content													{border-color: #FFF; width: 480px; height: 380px; padding: 10px; overflow-y: auto}
		#fade-out																		{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 90; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; -ms-filter: 'alpha(opacity = 50)'; filter: alpha(opacity = 50)}
		#ajax-smallframe .close															{position: absolute; top: 25px; right: 20px; width: 40px; height: 40px; cursor: hand; cursor: pointer; background: url(/images/close1.jpg) top left no-repeat}		
		#ajax-smallframe div.autosuggest												{position: fixed}
		
		/* Main boxes */
		
		.sidebar+.main-content															{margin-top: 0}
		.box																			{margin-top: 10px; position: relative}
		.box:first-child																{margin-top: 0}
		.box .box-top-left																{height: 24px; padding-left: 10px; background: url(/images/box_hdr_left.png) top left no-repeat}
		.box .box-top-right																{height: 24px; padding-right: 10px; background: url(/images/box_hdr_right.png) top right no-repeat}
		.box .box-top																	{height: 24px; background: url(/images/box_hdr_bgr.png) top center repeat-x}
		.box .box-top h2																{font-size: 14px; font-weight: bold; line-height: 24px; vertical-align: middle; color: #FFF}
		.box .box-content																{margin-top: -1px; border: #989898 solid; border-width: 0 1px 1px; padding: 3px 5px 5px; background: #FFF; margin-left: 1px; margin-right: 1px; zoom: 1}