/** ******************************************************************************** **/
/** Web App Styles                                                                   **/
/** -------------------------------------------------------------------------------- **/
/** Styles specific to this web application.                                         **/
/** ******************************************************************************** **/

#nx_content {
    padding: 0px;
}

.under_line {
    border-bottom: 1px solid #ccc;
}

.pad_me { padding: 10px; }
#admin_pad { padding: 0 40px; }

a.prod_tree{}
a.prod_tree:link{ text-decoration: none; }
a.prod_tree:visited{ text-decoration: none; }
a.prod_tree:active{ text-decoration: none; }
a.prod_tree:hover{ text-decoration: none; }
a.prod_tree:visited:hover{ text-decoration: none; }

#prod_tree_links { padding: 3px 2px 3px 5px; }
#prod_tree_links:hover { background: #b5d335; }

div.login_box {
    border: 1px solid #ccc;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    width: 300px;
    height: auto;
    background-color: #eee;
    padding: 25px 0 0 0;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 4px 4px 8px #444;
	-moz-box-shadow: 4px 4px 8px #444;
	-webkit-box-shadow: 4px 4px 8px #444;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#444, offX=4, offY=4, positive=true);
}

.err_msg {
    font-family: arial;
    text-align: center;
    font-weight: bold;
    font-size: 10pt;
    color: #DB0037;
    width: 300px;
}

.column_heading{
    text-align: center;
    border: 1px solid #C9C9C9;
    background-color: #C9C9C9;
    font-weight: bold;
    font-size: 12px;
}

.tbl_foot_links{
    text-align: center;
    border: 1px solid #C9C9C9;
    background-color: #C9C9C9;
    font-size: 12px;
}

div.admin_menu a{ color:#31688f; }
div.admin_menu a:link{ text-decoration: none; }
div.admin_menu a:visited{ text-decoration: none; }
div.admin_menu a:active{ text-decoration: none; }
div.admin_menu a:hover{ text-decoration: underline; }
div.admin_menu a:visited:hover{ text-decoration: underline; }

.users{
    text-align: left;
    border: 1px solid #C9C9C9;
    font-size: 12px;
}

.user_tbl_left{
    text-align: left;
    font-family: Arial;
    font-weight: bold;
    font-size: 10pt;    
}

.user_tbl_right{
    text-align: left;
    font-family: Arial;
    font-weight: normal;
    font-size: 10pt;    
}

.green_msg {
    width: 100%;
    height: auto;
    padding: 2px 0 2px 0;
    background-color: #AAE6A3;
    border: 2px solid #25BA14;
    color: #000;
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    display: none;
}

.welcome_user {
    float: right;
}

#blanket {
	background-color:#111;
	opacity: 0.65;
	filter:alpha(opacity=65);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	width:100%;
}

#popUpDiv, #popUpDiv2 {
	position:absolute;
	background-color:#eeeeee;
	padding: 15px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: justify;
	border: 5px solid #555;
	width:300px;
	height:160px;
	z-index: 9002;
}

div.popup_title{
	font-family: Arial;
	font-size: 14pt;
	color: #4067AC;
	text-align: center;
}

div.icon{
	width: 64px;
    height: 110px;
	padding: 0px;
	margin-right: 20px;
	text-align: center;
    display: inline-block;
}

table.bcol {
    border-collapse: collapse;
}

.heading_title{
    font-size: 16pt;
    font-weight: bold;
}

a.arrow-left {
    display: block;
    width: 32px;
    height: 32px;
    background: transparent url("../images/arrows-left.png") no-repeat;
}

a.arrow-left:hover { background-position: 0 -32px; }
a.arrow-left:active { background-position: 0 -64px; }

a.arrow-right {
    display: block;
    width: 32px;
    height: 32px;
    background: transparent url("../images/arrows-right.png") no-repeat;
}

a.arrow-right:hover { background-position: 0 -32px; }
a.arrow-right:active { background-position: 0 -64px; }

#category_container {
    width: 750px;
    height: auto;
    float: left;
}

#category_tree {
    width: 200px;
    height: auto;
    float: left;
}

#category_list {
    width: 540px;
    height: auto;
    float: left;
    padding: 0 0 0 10px;
}

#category_title {
    font-size: 13pt;
    font-weight: bold;
}

a.atc {
    display: block;
    width: 75px;
    height: 30px;
    background: transparent url("../images/atc_btn.png") no-repeat;
    background-position: 0 -60px;
}

a.atc:hover { background-position: 0 -30px; }
a.atc:active { background-position: 0 0; }

.qty { width: 25px; }
.qty_line { vertical-align: middle; }

#item_added {
    display: none;
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 10000;
    text-align: center;
    border: 2px solid #437E38;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bold;
    width: 150px;
    height: 33px;
    background-color: #B5D434;
    padding: 18px 0 0 0;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 4px 4px 8px #444;
	-moz-box-shadow: 4px 4px 8px #444;
	-webkit-box-shadow: 4px 4px 8px #444;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#444, offX=4, offY=4, positive=true);
}

.line1 {
	background-color: #636c3c;
	color: #fff;
	font-weight: bold;
}

.linea {
    background: #cbd3a9;
}

.lineb {
    background: #c1d376;
}

.left_box {
    background: #fbfbfb;
    border: 2px solid #bbb;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;    
}

.sub_title {
	font-size:16px;
	color:#503f23;
    font-weight: bold;
    padding: 0 0 5px 0;
}

.err_message {
    color: #C70000;
    font-weight: bold;
    text-align: center;
}

.err_message_left {
    color: #C70000;
    font-weight: bold;
    text-align: left;
}

.req {
    color: #C70000;
    font-weight: bold;
}

.search_box {
    width: 140px;
    color: #aaa;
    text-align: center;
}

table.boat_list {
    border-collapse:collapse;
}

table.boat_list, th.boat_list, td.boat_list {
    border: 1px solid #821a1e;
}

.boat_head {
    font-size: 13pt;
}

.fontwhite {
    color: #fff;
}