/*
Wiznet
Author: Ryan Lanham
Version: 2.0
*/

/* GLOBAL */
	a.orderby 		{ color:white; text-decoration:underline;font-size: 9px;font-weight:bolder;}
	a.orderby:hover {text-decoration:none;font-size: 9px;}
	
	.tblmain{
		width:99%;
		margin:0px; 
		margin-top: 4px;
		margin-bottom: 6px;
		border: 1px solid #cccccc;
		}
		
	.product{
		font-weight:bold
		}
		
	.toprow{
		font-size: 12px;
		background-color: #5684B2;
		color:white;
		font-weight:bolder;
		margin-left:5px;
		}
	
	.row0{
		background-color: #e8ece8;
		font-size:12px;
		font-family: verdana;
		}
		
	.row1{
		background-color:#EBF2FB;
		font-size:12px;
		}
		
	.rowstyle{
		padding: 3px;
		border-bottom:1px solid #DDDDDD;
		}

/* RIGHT COLUMN  */
	.rightcolheader{
		width: 100%;
		text-align: center;
		color: white;
		font-weight: bold;
		padding: 10px 0px;
		font-size: 14px;
		}
		
	.usernav{
		list-style: none;
		list-style-image: url(bullet.gif);
		margin: 0px;
		color: white;
		padding: 0px 0px 0px 5px;
		}
		
	a.usernav{
		color: white;
		text-decoration: none;
		}
	
	a.usernav:hover{
    color: white;
		text-decoration: none;
		}
		
/* TABLE STYLE */	
	.fldsetheader{
		width:96%;
		border: 1px solid #cccccc;
		margin: 0px 10px 10px 0px;
		}
		
	.lgndheader{
		font-size: 14px; 
		font-weight: bold; 
		color: #6699cc;
		}

	table.tbl{
		width: 500px;	 	
		border-width: 0px 1px 1px 1px;
		border-spacing: 0px;
		border-style: solid solid solid solid;
		border-color: #cccccc #cccccc #cccccc #cccccc;
		border-collapse: collapse;
		background-color: white;
	 	}
	 
	.tblheader{
		background-image: url('../images/shell/tblheader.gif');
		background-color: #3b6d9f;
		background-repeat:repeat-x;
		height: 14px;
		color: white;
		font-weight:bold;
		font-size:12px;
		text-align:left;
		}
	
	.tblheader2{
		background-image: url('../images/shell/tblheader.gif');
		background-color: #3b6d9f;
		background-repeat:repeat-x;
		height: 14px;
		color: white;
		font-weight:bold;
		font-size:12px;
		text-align:left;
		font-family: arial;
		}
			
	.blankInput{
		border: none;
		background: none;
		height: 15px;
		font-size: 1em;
		color: #000000;
		font-family: arial;
		text-shadow: none
		}
		
	.intbox{
		width:350px;
		font-size:11px
		border: 1px solid #cccccc
		}

	.intselect{
		width:320px;
		font-size:11px
		border: 1px solid #cccccc;
		}
		
	.qtybox{
		height: 20px;
		width: 50px;
		font-size:11px;
		background: #efefef;	
		border:1px solid #a9a9a9;
		text-align:left;
		}
		
	.totalInput{
		font-weight:bold;
		font-size: 22px;
		color: #6798ca;
		background: none;
		border: none;
		width:100px;
		}
		
	.textwarn{
		color: #FF0000;
		}
		
/* INDICATOR */
	.indicator{
		display:none;
		width:80%;
		padding:5px;
		margin:0px 0px 10px 0px;
		vertical-align:middle;
		border:1px solid #CCCCCC;
		background:#EFEFEF;
		text-align:center;
		}
		
/* NAVIGATION */
	.navcontainer{
		width: 100%;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		}

	.navcontainer ul{
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
	
	.navcontainer li{
		border-bottom: 1px solid #90bade;
		margin: 0;
		}

	.navcontainer li a{
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #336699;	
		background-color: #fff;
		color: #000;
		text-decoration: none;
		width: 100%;
		}

	html>body .navcontainer li a { width: auto; }
	
	.navcontainer li a:hover{
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}

/* FORM VAILDATION */
		input.disabled {
			border: 1px solid #F2F2F2;
			background-color: #F2F2F2;
			}
		
		input.required, textarea.required {
				}
			
		input.validation-failed, textarea.validation-failed {
			border: 1px solid #FF3300;
			color : #FF3300;
			}
		
		input.validation-passed, textarea.validation-passed {
			}
		
		.validation-advice {
			margin: 5px 0;
			padding: 5px;
			background-color: #FF3300;
			color : #FFF;
			font-weight: bold;
			}
		
		.custom-advice {
			margin: 5px 0;
			padding: 5px;
			background-color: #C8AA00;
			color : #FFF;
			font-weight: bold;
			}
		
		.form-row {
			clear: both;
			padding: 0.5em;
			}