/* main */
HTML, BODY { height : 100%; }

BODY { margin : 0px; background-color:#2f3f48; color:#222222; text-align : center; }
BODY, TD { color : #404040; }

A {
	color : #f18700;
	text-decoration : none;
	border-bottom: 1px solid #dddddd;
}
A:hover {
	color : #404040;
	text-decoration : none;
	border-bottom: 1px solid #f18700;
}

/* corners */
.cTL {	font-size : 1px; background-image : url(../img/corners/white_tl.png); background-repeat : no-repeat; background-position : 0 0; }
.cBL {	font-size : 1px; background-image : url(../img/corners/white_bl.png); background-repeat : no-repeat; background-position : 0 0; }
.cTR {	font-size : 1px; background-image : url(../img/corners/white_tr.png); background-repeat : no-repeat; background-position : 0 0; }
.cBR {	font-size : 1px; background-image : url(../img/corners/white_br.png); background-repeat : no-repeat; background-position : 0 0; }
.eTL {	font-size : 1px; background-image : url(../img/corners/content_tl.png); background-repeat : no-repeat; background-position : 0 0; }
.eTR {	font-size : 1px; background-image : url(../img/corners/content_tr.png); background-repeat : no-repeat; background-position : 0 0; }
.eBL {	font-size : 1px; background-image : url(../img/corners/content_bl.png); background-repeat : no-repeat; background-position : 0 0; }
.eBR {	font-size : 1px; background-image : url(../img/corners/content_br.png); background-repeat : no-repeat; background-position : 0 0; }

/* form */
label { width : 150px; color : #000000; }
input { border : 1px solid #000000; }
textarea { border : 1px solid #000000; font-family : arial; font-size : 12px; }

.text		{ border : 1px solid #555555; color:#333333; font-size:12px; }
.text_error	{ border : 2px solid #b00e43; color:#b00e43; background-color:#f3d4de; }
.text_note 	{ border : 2px solid #98712d; color:#98712d; background-color:#f3e8d4; }
.text_valid	{ border : 2px solid #0a7910; color:#0a7910; background-color:#d7f1d9; }

/* template */
.container {	width : 98%; height : 100%; text-align : center; }
.page { position : relative; left : 0px; top : 0px; width : 100%; }
.page_white { background-color : #ffffff; color : #000000; }
.page_gray { background-color : #4a4a4a; color : #ffffff; }

.footer { width : 100%; line-height : 30px; color:#ffffff; }

/* links */
.quick { color : #ffffff; text-decoration : none; border-bottom: 0px; line-height : 30px; padding-right : 20px; }
.quick:hover { color : #000000; text-decoration : none; }

.foot { color : #ffffff; text-decoration : none; }
.foot:hover { color : #aaaaaa; text-decoration : underline; }
.info { float : right; padding : 10px; color : #555555; text-align : right; line-height : 20px; }
.logo { height : 75px; border : 10px solid #ffffff; }

.profile { font-weight : bold; color : #555555; text-decoration : none; }
.profile:hover { font-weight : bold; color : #006699; text-decoration : underlined; }

/* link icons */
.link {	background-image : url(http://www.vansonmedia.nl/img/icons/chain.gif); background-repeat : no-repeat; background-position : left 1; padding-left : 20px; }
.email { background-image : url(http://www.vansonmedia.nl/img/icons/mail.gif); background-repeat : no-repeat; background-position : left 1; padding-left : 20px; }

.row_dark { background-color : #444444; }
.row_categories { background-color : #555555; }
.row_groups { background-color : #666666; }
.row_products { background-color : #777777; }
.row_specs { background-color : #888888; }
.row_light { background-color : #eeeeee; color : #000000; }
.row_medium { background-color : #cccccc; color : #000000; }

.row_color_a { background-color : #7d2929; color : #eeeeee; } /* rood */
.row_color_b { background-color : #006699; color : #eeeeee; } /* blauw */
.row_color_c { background-color : #6e8657; color : #eeeeee; } /* groen */
.row_color_d { background-color : #98712d; color : #eeeeee; } /* oranje */

.out_of_stock { background-color: #e7adad; }
.low_stock { background-color: #e7d2ad; }
.stock { background-color: #b2e7ad; }

/* drag & sort */
#info					{ display: block; padding: 10px; margin-bottom: 20px; border: 1px solid #333333; background-color: #222222; }

/* page content */
.enabled { border-left : 4px solid #2dbb15; }
.disabled { border-left : 4px solid red; }

.csort { background-color : #006699; }

.page_title {
	font-family	: 'Open Sans', Arial;
	font-size	: 20px;
	color		: #f18700;
}
.page_intro {
	font-size	: 12px;
	font-style	: italic;
}
.form_title {
	font-family	: 'Open Sans', Arial;
	font-size	: 14px;
	color		: #f18700;
	border-bottom: 1px solid #f18700;
}
.form_submit {
	font-family	: 'Open Sans', Arial;
	font-size	: 14px;
	color		: #f18700;
	background-color: #eeeeee;
}
.form_info {
	font-size	: 10px;
	font-style	: italic;
	color		: #404040;
}

.price {
	font-size	: 24px;
	font-weight	: bold;
	color		: #ffffff;
}

.menugroup {
	font-family	: 'Open Sans', Arial;
	font-size	: 14px;
	color		: #404040;
	width		: 95%;
	padding-left: 0px;
	padding-top : 15px;
	padding-bottom : 5px;
	padding-right : 0px;
	text-align	: left;
	text-decoration : none;
	display		: table;
}
.menugroup:hover {
	text-decoration : none;
	display : table;
}

.menu {
	font-family	: Arial;
	font-size	: 12px;
	position	: relative;
	left		: 0px; 
	top			: 0px;
	width		: 95%;
	display		: table;
	color		: #404040;
	padding-top : 3px;
	padding-bottom : 5px;
	text-decoration : none;
	border-bottom : 1px solid #ffffff;
}
.menu:hover {
	font-family	: Arial;
	font-size	: 12px;
	position	: relative;
	left		: 0px; 
	top			: 0px;
	color		: #f18700;
	display		: table;
	text-decoration : none;
	border-bottom : 1px solid #f18700;
}

.menuactive {
	font-family	: Arial;
	font-size	: 12px;
	color		: #404040;
	position	: relative;
	left		: 0px; 
	top			: 0px;
	width		: 95%;
	display		: table;
	padding-top : 5px;
	padding-bottom : 5px;
	text-decoration : none;
	background-color : #eeeeee;
	border-bottom : 1px solid #404040;
}
.menuactive:hover {
	position: relative;
	left: 0px; 
	top: 0px;
	background-color : #404040;
	color: #ffffff;
	text-decoration : none;
	display : table;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display : none;
	background : transparent url(/img/tooltip/black_arrow.png);
	background-position : 0, 0;
	background-repeat : no-repeat;
	font-size : 12px;
	height : 122px;
	width : 209px;
	color : #ffffff;
	text-align : left;
}
.tooltip_inner {
	position : absolute; 
	left : 15px; 
	top : 15px;
	height : 78px;
	width : 178px;
}

.btn_accept {
	border : 1px solid #049900;
	background-color : #daf4dd;
	color : #049900;
	font-weight : bold;
	cursor : pointer;
}
.btn_deny {
	border : 1px solid #990020;
	background-color : #ecd0d6;
	color : #990020;
	font-weight : bold;
	cursor : pointer;
}

.form_login TD {
	color : #222222;
	font-size : 12px;
}
.form_login A {
	color : #222222;
}
.form_login A:hover {
	color : #000000;
}

A.q_menu {
	padding-left : 25px;
	padding-right : 25px;
	font-size : 16px;
	line-height : 30px;
	color : #333333;
	text-decoration : none;
	background-repeat : no-repeat;
	background-position : center left;
}
A.q_menu:hover {
	color : #1589cb;
	text-decoration : underline;
}

A.q_menu_active {
	padding-left : 25px;
	padding-right : 25px;
	font-size : 16px;
	line-height : 30px;
	color : #1589cb;
	text-decoration : none;
	background-repeat : no-repeat;
	background-position : center left;
}
A.q_menu_active:hover {
	color : #333333;
	text-decoration : underline;
}

.addlink {
	font-family : arial, verdana;
	font-size : 10px;
	color : lightgreen;
	padding-left : 15px;
	background-image : url(http://www.vansonmedia.nl/img/icons/plus_small.png);
	background-repeat : no-repeat;
	background-position : left center;
}

.modallayer {
	position: relative;
	left: 0px;
	top: 0px;
	border: 1px solid #ffffff;
	background-color: #444444;
	color: #ffffff;
	padding: 10px;
	text-align: left;
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}

/* STYLES FOR NEW BUTTON DESIGN */
BUTTON {
	font-family: 'Open Sans';
	background-color: #f18700;
	border: 0px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	width: auto;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
BUTTON:hover {
	background-color: #dddddd;
	color: #444444;
}
BUTTON.pos {
    border: 1px solid #C6D880;
    color: #37913d; /* 529214 */
}
BUTTON.pos:hover {
    background-color: #E6EFC2;
    border: 1px solid #C6D880;
    color: #37913d; /* 529214 */
}
BUTTON.pos:active {
    background-color: #529214;
    border: 1px solid #529214;
    color: #ffffff;
}
BUTTON.neg {
    border: 1px solid #fbc2c4;
    color: #d12f19;
}
BUTTON.neg:hover {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #d12f19;
}
BUTTON.neg:active {
    background-color: #d12f19;
    border: 1px solid #d12f19;
    color: #ffffff;
}

/* STYLES FOR NEW TABLE DESIGN */
.base_width  {
	width: 90%;
}

TABLE.resultset {
	border: 0px;
	border-bottom: 1px solid #f18700;
}
TABLE.resultset TH {
	border-bottom: 1px solid #f18700;
	text-align: left;
	font-size: 11px;
	color: #f18700;
}
TABLE.resultset TR {
}
TABLE.resultset TR.alt {
}
TABLE.resultset TR.over {
}
TABLE.resultset TD {
	font-size: 11px;
	color: #000000;
}

#info					{ display: block; padding: 10px; margin-bottom: 20px; border: 1px solid #333333; background-color: #222222; }
#test-list				{ list-style: none; }
#test-list li				{ display: block; padding: 20px 10px; margin-bottom: 3px; background-color: #555555; }
#test-list li img.handle	{ margin-right: 20px; cursor: move; }