/* THEME: Customizable Options */

html {background:url("../images/page-bg.png") repeat-x scroll 50% 0 #6F6D62; font-size:0.85em}
#top {border-top:3px solid #A64E00;height:88px;background:url("../images/top_tab.png") no-repeat scroll center 15px transparent;}

#wrapper,#header, #main h1 {width:800px}
#main h1 {background: url('../images/dnr-sep.jpg') no-repeat; text-indent: -99999px;height:32px}
#secondary-nav, #sidebar h2 {display:none;}
a, button, a:focus, button:focus, button:-moz-focus-inner { border: 0; outline:none;}

hr {border: none; background: #EEE; height: 1px; display: block; margin: 10px 0; clear: both;}

#wrapper {border:none; margin-top:0; background: #FFFFFF; border-radius:0 0 8px 8px;}
#header {display:none}
#main {/*width: 559px;*/width: auto; background: transparent; }
fieldset {border:none}

/* FORM STYLES */

#main label {width: 220px;}

/* OVERRIDES */
#main h1,#main h2,#main h3,#main h4,#main h5,#sidebar h3, #sidebar h4,#main a {color:#A64E00; font-weight: normal;}
#main h1,#main h2,#main h3,#main h4,#main h5 {clear: both;} 
#main h2 {background:url("../images/catbar-bg.png") no-repeat scroll 0 100% transparent; color:#666; font-size:15.5px; line-height:normal; margin:0px; padding:10px 16px 14px; text-transform:uppercase; border-bottom: none;}
#main h2 sup {color: #A3A3A3; display: block; font-size: 11px; margin-top: -5px;}
#main h2 span.headerDob {color: #A3A3A3; font-size: 0.8em; padding-left: 0.5em;}
#main h3 {font-weight: lighter;}

/* TABLES */
#main table {/*width:539px;*/width:760px; max-width: 760px;}
#main table.full {width: 95%;}
#main form table.full {margin: 1em 10px;}
#main table th {background: none repeat scroll 0 0 #EEE; color: #A64E00; font-weight: normal;}
	
	/* DSR Tables*/
	#main table.dsr {width: 100%; max-width: 740px}
	#main table.dsr th {background: #EEE;}
	
	/* Sortable Table */
	#main table#sortableList th {white-space: nowrap;}
	#main table#sortableList th span {cursor: pointer;}


/* HEADER OPTIONS NAV */

#headerOptionsNav {overflow: hidden; margin: 0; padding: 0;  }
#headerOptionsNav ul {list-style: none; margin: 0 8px 0 0; padding: 0; float: right; }
#headerOptionsNav ul li {float: left;}
#headerOptionsNav ul li a {display: block; padding: 10px 8px 4px; text-decoration: none; text-transform: uppercase; font-size: 10px; color: #808080}
#headerOptionsNav ul li a:hover {}

/* NAVIGATION */

#mname {width:20px;}
#main p.education {width:800px}
#main p.education input[type="text"], #main input[type="text"]#weight {width:100px}

#gender {float:left; width:100px;}
#gender .heightWeight label {width:55px;}
#gender .heightWeight select {margin-right:5px;}

#eyesHair {display: block;float: right;margin-right: 20px;width: 520px;}

#newAccount {border:1px solid #eaeaea; border-radius: 7px; margin:10px; padding-bottom: 10px;margin-top: 20px;}

#main p.message, #main div.message {
    margin: 10px 20px 0;
    padding: 16px;
}

#main div.message.saved {background: none #F2FCF3; border: 1px solid #006600; margin-bottom: 20px;}

#main p.message.saved h3, #main div.message.saved h3 {border-bottom: 1px dotted #006600; color: #006600; margin-bottom: 10px;}

#main div.message.error {
    background: none #FAFAF2;
    border: 1px solid #E4AC79;
}

#main p.error {background: url("/shared-app-content/images/error.gif") no-repeat; margin:6px; padding-left: 25px;}

#main .message h3 {margin:0; border:none}
#main .message p {margin:0}
#main .message .elk {}
a.itemRemove {position: absolute; cursor: pointer;
    right: 10px;
    top: 10px;}
    
#main #passwordForm .feedback {display: block; margin-left: 230px; padding: 0; position: static; width: 290px;}
#main .formtip {color: #7F7F7F; display: block; font-size: 0.9em; font-weight: lighter; line-height: normal; margin: 0 0 4px 256px; width: 290px;}


/* ACCOUNT CREATION */
#main #fname {width:110px;}
#main #lname {width:150px;}
#main #mname {width:15px;}
#main #birthday { width: 100px;}
#main #ssn {width:115px;}
#main #driverLicense { width: 90px;}
#main #driverLicenseState {width: 175px}
#main #streetAddress1, #main #streetAddress2 {width:150px}
#main #country {width:90px}
#main p {width: 700px;clear:both;}

#main form {margin: 10px;}
#main #formSubst {margin: 10px; width: 778px;} /*Form Substitute to correct margin*/
#main input[type="text"] {border: 1px solid #DADADA;font-size: 13px;padding: 4px 4px 0; margin: 0 0 10px;float:left; background: #fafafa; height: 20px;width:280px;font-family: Helvetica,Arial;font-weight: lighter;}
#main select {margin-right: 20px;}


#main .buttons {
    margin: 1em 20px 1em;
}

#main .userInfo p {line-height:110%;}

.headContainer {background:white; height:39px}
.headContainer img {border:0}
.headContainer a {float:left; padding-left:10px; background:white}
.headContainer #nav {float:right}

.largeLink {font-size:18px;}


/* ADMIN/AGENT MENU */

.mcont {clear: left; border: 1px solid #EEE; margin: 12px 12px 24px; position:relative; background:url(../images/btn-gradient.png) bottom repeat-x;}

h3.menutitle {
	padding:54px 8px 6px 8px;margin:0 8px 0 0!important; float:left;font-size:1em;width: 45px; position:absolute; top: -6px; left: 5px;
	text-align:center; font-variant: small-caps; overflow:hidden; background-color:#F5F5F5; 
	background-image:url(../images/icons/agent-cat-icons.png); background-repeat: no-repeat;
	border-top:1px solid #EEE; border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;border-left:1px solid #EEE;  border-radius: 0 0 12px 12px;

}

.menutitle.profile 		{background-position: 8px 6px;}
.menutitle.license 		{background-position: 8px -66px;}
.menutitle.reports 		{background-position: 9px -147px;}
.menutitle.inventory 	{background-position: 8px -234px;}
.menutitle.setup 		{background-position: 8px -310px;}
.menutitle.admin 		{background-position: 8px 6px;}


ul.agent-menu { list-style:none; overflow:hidden; margin:8px 0 16px 80px!important;}
ul.agent-menu li {float:left; list-style:none; }
ul.agent-menu li a.icon {
	display:block; padding: 18px 8px 8px 50px; background-image:url(../images/icons/agent-icons.png); background-repeat: no-repeat;
	font-size:0.9em; width: 56px; height: 28px; line-height: 1.1em; text-decoration:none; border: 2px solid transparent; margin: 3px;
	-moz-border-radius: 7px; -khtml-border-radius: 7px;	-webkit-border-radius: 7px;	border-radius: 7px;
}
ul.agent-menu li a.icon:hover {background-color: #5c5b56; color: #FFF!important; border: 2px solid #bdb7a1;}

	.icon.profile-add 			{background-position: 0 0;}
	.icon.profile-edit 			{background-position: 0 -68px;}
	.icon.profile-password 		{background-position: 0 -138px;}
	
	.icon.license-damaged 		{background-position: 0 -282px;}
	.icon.license-void 			{background-position: 0 -348px;}
	.icon.license-change 		{background-position: 0 -414px;}
	
	.icon.report-monthly 		{background-position: 0 -528px;}
	
	.icon.report-agentSales 	{background-position: 0 -600px;}
	.icon.report-agentDetail 	{background-position: 0 -678px;}
	.icon.report-agentInventory {background-position: 0 -755px;}
	.icon.report-inventory 		{background-position: 0 -832px;}
	.icon.report-agentDetail 	{background-position: 0 -678px;}
	
	.icon.setup-computer 		{background-position: 0 -970px;}
	.icon.setup-printer 		{background-position: 0 -1040px;}
	
	.icon.admin-print 			{background-position: 0 -1166px;}
	.icon.admin-license 		{background-position: 0 -1224px;}
	.icon.admin-counter 		{background-position: 0 -1282px;}
	.icon.admin-notice 			{background-position: 0 -1342px;}
	.icon.admin-faq 			{background-position: 0 -1410px;}
	.icon.admin-search 			{background-position: 0 -1478px;}
	
/* APP ACTION ICONS */

.appicon {display: block; float: left; padding: 3px; border: 1px solid transparent; border-radius: 4px; }
.appicon:hover {background-color: #FFCE80; border: 1px solid #AF7E30;}
	
/* ---------- Multi Scrollable Checkboxes ----------- */
#main fieldset.multiScroll {}
#main fieldset.multiScroll h4 {border: none; position: relative; line-height: 24px; margin-bottom: 0;}
#main fieldset.multiScroll ol {/*height: 350px;*/ overflow: auto; border: 1px solid #ccc; margin: 0 20px 1em 20px; list-style: none; position: relative;
	-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#main fieldset.multiScroll ol li {border-bottom: 1px solid #ccc; list-style: none; line-height: 32px; height: 32px; position: relative; margin: 0; padding: 0; }
#main fieldset.multiScroll ol li:last-child {border: none;}
#main fieldset.multiScroll ol li.alt {background: #f2f2f2; color: #333;}
#main fieldset.multiScroll ol li.over {background: #6d8faf; color: white;}
#main fieldset.multiScroll ol li label {float: none; background: transparent; display: block; position: absolute; left: 30px; top: 0; width: 400px; height: 32px; line-height: 32px; text-align: left; margin: 0; padding: 0; }
#main fieldset.multiScroll ol li input {margin-left: 5px;}
#main fieldset.multiScroll li.multiScrollCategory {background-color: #666; color: #FFF; padding: 0 6px;}


/* HFLO BUTTONS */
/* normal buttons */

#main .hflobuttons, #main .buttons {min-height: 0;}

#main .hflobuttons a, #main .hflobuttons button, a.button, #main .hflobuttons a:hover, #main .hflobuttons button:hover, a.button:hover {
	display: block;
    float: left;
    padding: 11px 10px 9px;
    margin: 0 10px 0 0;
    text-decoration: none;
    font-size: 12px;
    height: auto;
    color: #FFF;
    line-height: normal;    
    text-align: center;
    border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;
	text-transform: uppercase;
	overflow:visible;
    text-shadow: 0 1px 1px #b2430e;
    border: solid 1px #c1490f;
    background: url(../images/button-grad.png) repeat-x 0 0 #d15011;
    box-shadow: 0 1px 0px #ee9f5e inset;
    cursor: pointer;
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

#main .hflobuttons a:hover, #main .hflobuttons button:hover, a.button:hover {
	box-shadow: 0 2px 3px #d32d17 inset;
    padding: 12px 10px 8px;
}

#main .hflobuttons button, #main .hflobuttons button:hover {font-size: inherit; font-family: inherit; padding: 10px 9px 8px;}

#main .hflobuttons {margin: 1em; line-height: normal;}

#main .userRow .userpurchase {float: right; position: absolute; top:8px; right:8px;}
#main .userRow .userpurchase a,
#main .userRow .userpurchase {font-size:  11px; height: auto; line-height: normal; margin: 0 ;}

#main .userRow .userpurchase a:hover {line-height: normal;} 

#main .hflobuttons a.altaction,
#main .hflobuttons a.altaction:hover,
#main .hflobuttons button.altaction,
#main .hflobuttons button.altaction:hover {
    background-color: #50757E;
    border: 1px solid #30555E;
    box-shadow: 0 1px 0 #A0C5CE inset;
    color: #FFF;
    text-shadow: 0 1px 1px #30555E;
}

#main .hflobuttons a.goback,
#main .hflobuttons a.goback:hover {
	border: solid 1px #5f5f5f;
	background-color: #6f6f6f;
	box-shadow: 0 1px 0 #818181 inset;
    text-shadow: 0 1px 1px #555;
}
#main .hflobuttons a.goback:hover {box-shadow: 0 2px 2px #515151 inset;}

#main .flush {margin-left: 250px;}


/*Form Actions, Smaller buttons */
/* normal buttons */
#main .formActions a, #main .formActions button, #main .formActions input, #sidebar .formActions a, #sidebar .formActions button, #sidebar .formActions input, a.button,
/* include most of normal for hover */
#main .formActions a:hover, #main .formActions button:hover, #main .formActions input:hover, #sidebar .formActions a:hover, #sidebar .formActions button:hover, #sidebar .formActions input:hover, a.button:hover {
	display: block; text-decoration: none; font-size: 11px; height: 24px; line-height: 30px; padding: 0 10px 3px; margin: 0 10px 0 0; float: left; cursor: pointer; text-align: center; border-radius: 4px;
	color: #464646;
	text-transform: none;
	border: solid 1px #CDCDCD;
	background: #e8e8e8;
	box-shadow: 0 1px 0px #FFF inset;
	overflow:visible;
}

#main .formActions a:hover, #main .formActions button:hover, #main .formActions input:hover, #sidebar .formActions a:hover, #sidebar .formActions button:hover, #sidebar .formActions input:hover, a.button:hover {
	background: #dfdfdf;
}
#main .formActions {min-height: 24px;}

/* end form actions */



/* ---------------- Licenses and Sub Licenses Edit Mode (Overrides) ------------ */

#main ul.licenseYears {list-style: none; padding: 0; margin: 18px;  overflow: hidden;}
#main ul.licenseYears li {float: left; }
#main ul.licenseYears li a {text-decoration: none; font-size: 24px; padding: 18px 14px 20px; display: block; border: 1px solid #E5E5E5; background: #EEE;  border-radius: 12px 12px 0 0; margin: 3px 6px 4px;}
#main ul.licenseYears li a:hover {color: #EEE;background: #A64E00; border: 1px solid #904400;}
#main ul.licenseYears li a.copyYear {background: url(../images/icons/copy-year-ffffff.png) no-repeat 16px 3px #CCC; text-indent: 36px; white-space: nowrap; overflow: hidden; font-size: 10px; padding: 2px; border-radius: 0 0 12px 12px; margin: -14px 6px 4px; border: none; color: #EEE; }
#main ul.licenseYears li a.copyYear:hover {background-color: #940606;}

#main .subLicenseContainer {border: 1px solid #EEE; margin: 0 0 14px 0;}
#main .subLicenseContainer h4 {background: #A64E00; color: #FFF; margin: 0 0 16px 0; padding: 12px 8px 8px 8px;}
#main .subLicenseContainer h5 {border-bottom: 1px dotted #D7D7D7; font-size: 1em;}
#main .subLicenseContainer label {width: 120px;}
	/*Sublicense Specific Form Mods*/
	#main .subLicenseContainer .salesEndTime, #main .subLicenseContainer .salesBeginTime {width: 60px; margin-left: 4px;}
	#main .subLicenseContainer .salesTimeInstructions {left: 500px;}

#main table#licenseNotices {width: 760px;}
#main table#licenseNotices td {}
#main table#licenseNotices td.messagebody {max-width: 450px; word-break: break-all;}
#main table#licenseNotices td p {width: auto;}

#main.edit-notice #startdate, #main.edit-notice #enddate, #main.edit-notice #startTime, #main.edit-notice #endTime {width: 132px;}
#main.edit-notice #startTime, #main.edit-notice #endTime {margin-left: 6px;}

#main #slcode ul {overflow: hidden; padding-top: 6px;}
#main #slcode ul li {float: left; list-style: none; margin-right: 2px;}
#main #slcode ul li label {line-height: 1.2em; width: auto; padding-left: 2px;}
#main #slcode ul li input {float: left;}


/* ---------------- Print Licenses Custom Overrides ------------ */

#main.printOnline input[type="text"]#startdate {width: 170px;}