#body
{
	background:url('../images/bg.png') #E4E4E4 repeat-x scroll 0 0;
	-x-system-font:none;
	color:#333333;
	font-family:helvetica,'Lucida Grande',sans-serif;
	font-size:0.75em;
}

#page_wrapper
{
	width: 1000px;
	margin: 0 auto;
}

a { text-decoration:none; }
a:hover { text-decoration:underline; }

h3, h4 {margin: 0px; padding: 0px; }

/* replace #container */

.clearfix:after 
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* Banner and navigation menu */

#masthead 
{
	background: #104a91;
	padding:10px 0px;
}

#nav_horizontal
{
	background:black;
	color:white;
	padding:0px 15px;
	clear:both;
	overflow:hidden;
}


#nav_horizontal a { color:white; }
#nav_horizontal_left { float:left; }	
#nav_horizontal_right { float:right; clear:right;}

.nav_tab {
	display:inline-block;
	background:#000;
	margin:0px; 
	padding:5px; 
	border-bottom: 0px;
	border-right:1px solid #668;}
.nav_tab_active {
	background:#668;
}
.nav_tab_right {border:none; border-left: 1px solid #668}

#subnav {
        background:#668;
        color:white;
        padding:0px 15px;
	padding-left: 50px;
        clear:both;
        overflow:hidden;
	}

#subnav a { color:white; }
#subnav_left { float:left; }
#subnav_right { float:right; clear:right;}  

.subtab {
        display:inline-block;
        background:#668;
        margin:0px;
        padding: 3px 5px;
        border-bottom: 0px;
        border-right:1px solid #000000;
	}

.subtab_active {
        background: #000000; 
	}


/* Content */

#rounded_wrapper
{
       	-moz-border-radius:1ex;
        -webkit-border-radius:1ex;
}

/* replace for all #note_main, #group_main and #group_create_main ids */
/* previously #content_background */
#content_container
{
	background: white;
	padding: 10px 20px;
	overflow:hidden;
}

/* replace for all #note_banner and #group_banner ids */
#content_banner
{
	font-size:150%;
	font-weight: bold;
	background:#104a91;
	padding:10px;
	color:#ffffff;
	text-align:center;
}

#content_body, #content_body_full
{
        overflow:hidden;
        background:#eaeaea;
        padding:10px;
}

/* replace for all #note_content and #group_create_content #group_content, #group_create_left ids */
#content_body_narrow, #content_body_left
{
	width:50%;
	float:left;
	overflow:hidden;
	background:#eaeaea;
}

#content_body_right
{
	width:50%;
	float:right;
        overflow:hidden;
        background:#eaeaea;
}

.detail_row
{
        clear:both;
        overflow:hidden;
	margin: 2px 0px;
}

.detail_row_label
{
        width:100px;
        float:left;
	overflow:hidden;
        clear:left;
        font-weight:bold;
	margin: auto 0px auto 5px;
}

.detail_row_input
{
        width:350px; 
        float:left;
	overflow:hidden;
	clear:right;
}

.text_input
{
	width: 300px;
}

.action_button_row
{
	text-align:center;
}

#text_body p {padding-bottom:0.35em;}

/* .note_create_button, .group_create_button, .project_create_button */
.item_create_button
{
	cursor:pointer;
	font-weight:bold;
	color:white;
	background-color:gray;
	border:1px solid #CCCCCC;
	font-size:1em;
	padding:4px 8px;
	margin: 5px;
	-moz-border-radius:1ex;
  	-webkit-border-radius:1ex;
}

/* for ddn Add link */
.ddn_add_link
{
	cursor:pointer;
        background-color:#CCCCCC;
        border:1px solid gray;
        font-size:0.9em;
        padding:2px;
	display:inline;
	-moz-border-radius:1ex;
  	-webkit-border-radius:1ex;
}

.pagination
{
	overflow:hidden;
	text-align:right;
	margin:5px 25px;
	height: 22px;
}
.pagination a:hover {
	background-color: yellow;
	}

/*  sidebar -- currently only used on the homepage, but it makes sense to keep them available */
#left_sidebar{
	width:130px;
	/*height:500px;*/
	overflow:hidden;
	float:left;
	background:#eaeaea;
	margin-top:10px;
	margin-left:10px;
	padding:5px;
	-moz-border-radius:1ex;
  	-webkit-border-radius:1ex;

}

#left_sidebar_home{
	width:200px;
	/*height:500px;*/
	overflow:hidden;
	float:left;
	margin:10px 0 20px 5px;
	
	-moz-border-radius:1ex;
  	-webkit-border-radius:1ex;

}

#left_sidebar_login{
	margin-bottom:20px;
	background:#eaeaea;
	-moz-border-radius:1ex;
  	-webkit-border-radius:1ex;
	overflow:hidden;
	padding:10px;
	float:left;
	width:180px;
}

#left_sidebar_tools{
	margin-bottom:20px;
	background:#eaeaea;
	-moz-border-radius:1ex;
  	-webkit-border-radius:1ex;
	overflow:hidden;
	padding:10px;
	float:left;
	width:180px;
}


/* Login page */

.login_text{
	clear:both;
	}

#login_body_wrapper
{
	width:740px;
	margin:30px auto;
}

#login_body{
	width:700px;
	padding:25px 20px;
	overflow:hidden;
	background:#eaeaea;
	color:#104a91;
}

#login_body_left{
	width:400px;
	height:200px;
	border-right:1px solid gray;
	overflow:hidden;
	margin-right:20px;
	padding-right:20px;	
	float:left;
}

#login_body_right{
	width:200px;
	height:200px;
	overflow:hidden;
	margin-right:20px;
	padding-right:20px;
	float:left;
}

#login_body_right_forgot_password{
	width:240px;
	height:200px;
	overflow:hidden;
	margin-right:0px;
	padding-right:0px;
	float:left;
}


/*  used for warning (e.g. delete) pop-over boxes  */

.warning_wrapper{
        width: 400px;
        height: 100px;
        position: absolute;
        top: 225px;
        left: 50%;
        margin-left: -200px;
        z-index: 200;
        }
.warning{
        border-right: solid 1px black;
        border-left: solid 1px black;
        background-color: white;
	padding: 10px;
        text-align: center;
        }

/*  Sliders 4D style  */
.slider4d_row { height: 50px; }
.slider4d_name { width: 195px; float:left; }
.slider4d_min { float:left;margin-left:5px; width: 20px; }
.slider4d_max { float:left;margin-left:5px; width: 20px; }
.slider4d_help { color: #666; font-size: 75% }
.slider4d_input { margin-left: 10px; color: #666666; font-size:10pt; margin-top:-2px; width: 250px; }
.slider4d_label { margin-left: 10px; }
.slider4d_compare { font-size:150%; color:#999999; }
.track4d {
        width:243px;
        background-color:#ccc;
        background: transparent url('../images/track4d.png') no-repeat top left;
        height:13px;
        float:left;
        margin-left: 10px; }
.handle4d {
        width:17px;
        height:36px;
        margin-top: -5px;
        background-color:#f00;
        background: transparent url('../images/handle4d.png') no-repeat top left;
        cursor:pointer; }
.slider4d_counter { padding-top:35px; color: #104a91; width: 35px; }

.helper {
        background-image: url("../images/tip.gif");
        background-repeat:no-repeat;
        width: 16px;
        height: 16px;
        cursor: help;
        }

#help_box {
        width: 300px; padding: 5px; border: solid 1px #104a91; z-index: 999; background-color: white; position: absolute; color: black; -moz-border-radius:2ex; -webkit-border-radius:2ex;
        }

#generic_popover {
	width: 300px; padding: 5px; border: solid 1px #104a91; z-index: 998; background-color: white; position: absolute; color: black; -moz-border-radius:2ex; -webkit-border-radius:2ex;
	}

.faq_row {
        border-bottom: dotted 1px #999999;
        margin-top: 10px;
        }
.faq_question {
        font-size: 125%;
        display: block;
        font-weight: bold;
        }

.faq_answer {
        font-size: 110%;
        display: block;
        margin: 5px 10px 20px 20px;
        }


/* Footer */


#footer{
	background:black;
	padding: 5px 0px;
	text-align:center;
	color:white;
}

/* Rounded edge css */

.r1, .r2, .r3, .r4, .rb1, .rb2, .rb3, .rb4 {font-size:1px; overflow:hidden; display:block;}

.r1 {height:1px; margin:0 5px;}
.r2 {height:1px; margin:0 3px;}
.r3 {height:1px; margin:0 2px;}
.r4 {height:2px; margin:0 1px;}

.rb1 {height:1px; margin:0 5px;}
.rb2 {height:1px; margin:0 3px; border-right: 2px solid; border-left: 2px solid;}
.rb3 {height:1px; margin:0 2px; border-right: 1px solid; border-left: 1px solid;}
.rb4 {height:2px; margin:0 1px; border-right: 1px solid; border-left: 1px solid;}

.blue {background:#104A91;}
.gray {background:#EAEAEA;}
.black {background: black;}
.white {background: white;}

.border_blue {border-color: :#104A91;}
.border_black {border-color: black;}