/* LAYOUT
------------------------------------------------------------*/
body{text-align:center; background-color:#e8e8e8;}
#container, #header_inner, #footer_inner, #sub_header_inner{margin:0 auto; width:960px;}

/*header*/
#header{background-color:#fff; border-bottom:1px solid #d1d1d1; padding:0px 0;}
#header .logo{float:left; margin:0px; display:block; width:140px; height:40px; background: url(/Content/images/logo.gif) no-repeat 100% 50% ; }
#nav{float:right; margin-top:28px; }
#nav li{display:inline;}
#nav li a{float:left; display:block; padding:5px 10px; border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1; position:relative; top:1px; border-right:1px solid #d1d1d1; /**/ color:#333; margin-left:10px; text-decoration:none;}
#login{font-size:12px; color:#333; padding-top:5px; text-align:right;}

/*footer*/
#footer{ margin-top:10px; padding:10px;}
#footer p{color:#333; margin:0; font-size:12px;}

/*main*/
#container{margin-top:20px; padding-top:10px; background-color:#ccc; margin-top:20px; padding-top:0px;}
#left_col {float:right; width: 205px; }
#right_col {width:735px; padding-left:0; float:left;}

#left_col{padding-top:20px;}
#left_col h2{ color:#fff}

/* box */
.box{background-color:#fff; padding:30px; border:1px solid #d1d1d1; }
#container .box{background-color:#fff; border: 1px solid #ccc;}

/*sub header*/
#sub_header{background-color:#e8e8e8;}
#sub_header .hide{display:none;}

/* FONTS
------------------------------------------------------------*/
h1, #sub_header h1{margin-bottom:1em; font-size:20px; color:#333; font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
font-size:22px;}
#container h2, #sub_header h2{margin-bottom:0.7em; font-size:17px; color:#777}
#container h3, #sub_header h3{margin-bottom:0.3em; font-size:13px;}
#container h4{margin-bottom:0.3em;}
#container p, #sub_header p{margin-bottom:1em; font-size:12px;}
#container li, #sub_header li{ font-size:12px;}

/* PAGE BLOCKS
------------------------------------------------------------*/

/* tabs */
ul.nav_tabs{border-bottom:1px solid #ccc;}
ul.nav_tabs li{display:inline; margin-bottom:0px;}
ul.nav_tabs li a{float:left; padding:5px 10px; margin-right:5px; /*background-color:#eee;*/ color:#333; text-decoration:none;}
ul.nav_tabs li a.current{background-color:#fff; color:#333; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; position:relative; top:1px;}
.box ul.nav_tabs li a.current{background-color:#eee;}

#popup_content_div ul.nav_tabs li a{margin-right:0px; margin-left:5px;}
#popup_content_div ul.nav_tabs{border-bottom:1px solid #ccc; margin-bottom:10px;}
#popup_content_div ul.nav_tabs li a.current{border-right:1px solid #ccc; border-top:1px solid #ccc; position:relative; top:1px;}

/*popup*/
.modal_popup_wrp{text-align:left; font-size:12px;}
.modal_popup_wrp_header{background:transparent url(http://d.yimg.com/a/i/ww/met/th/slate/gsprite_pg_slate_062209.gif) repeat-x scroll 0 0;}
.modal_popup_wrp_header p{padding:5px 5px 5px 10px; color:#333; margin-bottom:0;}
.modal_popup_wrp_body{padding:20px;}
.close_popup{background: url(/Content/images/icons/icon_delete.gif) no-repeat 50% 50%; display:block; height:25px; width:25px; float:right;}
.modal_popup_wrp{border:5px solid #DBE1E6;}

/* round */
#nav li a, ul.nav_tabs li a.current
{-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topright:3px;}
.box, #container, ul.steps li span, input, select, textarea, fieldset, .invite_box, .button, #container .guest_list_wrp h3, #container h1, #comments_wrp p,  
.modal_popup_wrp, .data_table, .paging a, .paging span, .paging_top a, .paging_top span
{-moz-border-radius: 3px; -webkit-border-radius: 3px;}

/* box: box overwrites */
#container .box p, #container .box legend{color: #333;}
#container .box input, #container .box select, #container .box textarea{ border:1px solid #ccc;}
#container .box .info_box p{color: #eee;}

textarea.wysiwyg{height:400px;}