@charset "utf-8";
/*------------------------------------------------------------------
> Master Stylesheet

Project:		Altrux Medical Product Map Admin Pages
Version:		1.0
Last change:	08/03/08 [final clean-up, rb]
Assigned to:	Ryan Burney (rb)
Coded by:		3 Roads Media
-------------------------------------------------------------------*/


/*------------------------------*/
/* GLOBALS						*/

* { margin:0; padding:0; }

a           { overflow: hidden; }
a:link		{ color:#3073a2; text-decoration:none; }
a:visited	{ color:#069; text-decoration:none; }
a:hover		{ text-decoration:underline; }

body		{ font-family:Tahoma, Verdana, sans-serif; }

h1	{ font:140% Calibri, Tahoma, sans-serif; padding-bottom:12px; }
h2	{ font:bold 115% Calibri, Tahoma, sans-serif; color:#444; }
h3	{
	background:#ededed;
	border-bottom:1px solid #e9e9e9;
	clear:left;
	font-size:11px;
	font-weight:bold;
	padding:6px 0 6px 10px;
	text-transform:uppercase;
	}
h3 a:link	{ color:black; }
h3 a:hover	{ text-decoration:none; }

img { border:0; }

p		{ font-size:12px; line-height:1.3em; padding-bottom:1.2em; }
p.small { font-size:10px; padding-bottom:6px; }

ul { list-style:none; }


/*------------------------------*/
/* STRUCTURE					*/

#wrapper { margin:0 auto; text-align:center; width:850px; }


	/*------------------------------*/
	/* HEADER						*/

	#header-strip { background:#3855a1; height:10px; margin-bottom:1px; }

	#masthead {
		background:#d6e3f2 url(../images/pm_masthead.jpg) top right no-repeat;
		height:187px;
		position:relative;
		}
	#masthead img {
		border:0;
		left:70px;
		position:absolute;
		top:35px;
		}


		/*------------------------------*/
		/* NAVIGATION					*/
	
		#nav {
			background:#3855a1 url(../../images/bg_navbar.png) top left repeat-x;
			margin-bottom:1px;
			min-height:35px;
			}
		#nav a	{
			color:white;
			float:left;
			font:105% Calibri, Tahoma, Verdana, sans-serif;
			padding:2px 20px;
			}
		#nav ul	{
			background:url(../../images/bg_mainmenu.png) top right no-repeat;
			float:right;
			padding:5px 10px 0 0;
			}
		#nav li		{ display:inline; }
		#nav-strip	{ background:#3855a1; clear:left; height:3px; margin-bottom:20px; }


		/*------------------------------*/
		/* "YOU ARE HERE" ACTIVE STATES	*/

		/* highlights the current page in the main nav */
		#dash li#dash a, #prod li#prod a, #reps li#reps a, #stat li#stat a, #prof li#prof { color:#d6e3f2; }



	/*------------------------------*/
	/* CONTENT						*/

	#main { margin:0 10px; min-height:200px; position:relative; text-align:left; }

	#inner-left		{ float:left; width:580px; }
	#inner-right	{ margin-left:600px; width:230px; }

	#logged-in		{ position:absolute; right:0; top:-13px; }
	#logged-in p	{ color:#555; font-size:11px; }
	

	/*------------------------------*/
	/* FOOTER						*/

	#footer {
		background:#e9ecf5 url(../images/pm_logo-ftr.gif) 23px 23px no-repeat;
		clear:both; 
		float:left;
		height:55px;
		margin:10px 0 0;
		padding:24px 0 0 68px;
		text-align:left;
		width:782px;
		}
	#footer a { color:#df8120; }
	#footer p { line-height:1em; padding-bottom:5px; }


/*------------------------------*/
/* FORMS						*/

fieldset { border:0; float:left; padding:10px; width:385px; }

form {
	background:#f7f7f7;
	float:left;
	margin:0 0 20px;
	position:relative;
	width:100%;
	}
form input.text {
	color:#555;
	font-size:12px;
	margin-bottom:10px;
	padding:3px;
	vertical-align:top;
	width:200px;
	}

input[type="image"], input#update, input#login-btn {
	background:url(../images/btn_add.gif) no-repeat;
	bottom:20px;
	height:35px;
	overflow:hidden;
	position:absolute;
	right:10px;
	width:50px;
	}

/* creates the "rollover" effect for image buttons */
input[type="image"]:hover,
input#update:hover,
input#login-btn:hover,
a#delete:hover { background-position:0 -35px; }

input[type="checkbox"] { width:20px; }

input#update {
	background:url(../images/btn_update.gif) no-repeat;
	width:78px;
	}
input#login-btn {
	background:url(../images/btn_login.gif) no-repeat;
	bottom:0;
	position:relative;
	right:-157px;
	width:66px;
	}

label {
	color:#555;
	display:block;
	font-size:11px;
	font-weight:bold;
	padding-bottom:3px;
	}

.checkbox {
	display:block;
	float:left;
	font-size:11px;
	margin:5px 0;
	width:120px;
	}


/*------------------------------*/
/* TABLES						*/

table {
	border-collapse:collapse;
	font-size:11px;
	margin:0 0 15px;
	width:100%;
	}

td					{ padding:7px 0; }
td.name, th.name	{ padding-left:10px; width:150px; }
td.areas, th.areas	{ padding-right:10px; width:150px; }
td.office, th.office,
td.mobile, th.mobile{ width:120px; }
td.email, th.email	{ width:180px; }

tr					{ display:block; border-bottom:1px solid #ddd; }
.thead				{ background:#f7f7f7; color:#444; font-size:11px; font-weight:bold; }
tr.thead td			{ padding:6px 0; }
tr.thead td.name 	{ padding-left:10px; }
tr.thead td.areas 	{ padding-right:10px; }


	/*------------------------------*/
	/* PRODUCTS TABLE				*/

	#products td.name, #products th.name { width:250px; }
	#products td.areas, #products th.areas { padding-right:10px; width:230px; }


	/*------------------------------*/
	/* STATES TABLE					*/

	#states td.name, #states th.name { width:720px; }


/*------------------------------*/
/* PAGE-SPECIFIC STYLES			*/

	/*------------------------------*/
	/* LOGIN PAGE					*/
	
	#login { margin:115px auto 0; width:400px; }
	#login label { padding-bottom:2px; }
	#login input[type="text"],
	#login input[type="password"] { color:#444; font-size:20px; margin-bottom:10px; padding:2px; }
	
	#login .error, #login.success { margin:0 0 10px; }
	
	#login-box { background:url(../images/pm_login-top.jpg) no-repeat; border:1px solid #eee; padding-top:88px; }
	#login-box a { font-size:11px; }
	#login-box form { background:none; float:none; margin:0 68px 10px; width:auto; }
	
	#login-box .inner { background:#f9f9f9 url(../images/pm_login-box.jpg) bottom left no-repeat; padding:20px; }
	
	
	/*------------------------------*/
	/* LOGOUT PAGE					*/
	
	#logout .error, #logout .success { margin-bottom:104px; }
	
	
	/*------------------------------*/
	/* DASHBOARD PAGE				*/
	
	#dash h3	{ clear:none; }
	#dash table	{ margin-bottom:30px; }
	
	/* special widths required on main page */
	#dash #products td.name	{ width:475px; }
	#dash #reps td.name		{ width:200px; }
	#dash #reps td.email	{ width:275px; }


/*------------------------------*/
/* ACCORDION STYLES				*/

/*	This section creates the "flyout" expanding divs
	in the product map control panel. For example,
	when you click "Add Product", the div expands
	and allows you to enter product name, etc. */
ul.accordion {
	display: block;
	list-style-type: none;
	margin:0 0 20px;
	position:relative;
	}

ul.accordion h3 a:link, ul.accordion h3 a:visited { display: block; }

ul.accordion li {
	background:#ededed url(../images/icon_arrow-down.png) 800px 5px no-repeat;
	clear:left;
	position:relative;
	}
ul.accordion li h3 { background:none; }

ul.accordion li.expanded { background:#ededed url(../images/icon_arrow-up.png) 800px 5px no-repeat; }
ul.accordion li.collapsed * { position: absolute; left:-10000px; }
ul.accordion li.collapsed h3, ul.accordion li.expanded h3,
ul.accordion li.collapsed h3 a:link, ul.accordion li.collapsed h3 a:visited,
ul.accordion li.expanded h3 a:link, ul.accordion li.expanded h3 a:visited { position: static; }

ul.accordion p {
	clear: left;
	display: inline;
	float: left;
	padding:0 0 0 45px;
	}


/*------------------------------*/
/* MISCELLANEOUS				*/

a#delete {
	background:url(../images/btn_delete.gif) no-repeat;
	display:block;
	height:35px;
	position:absolute;
	right:10px;
	text-indent:-9999px;
	width:72px;
	}

ul.reps .checkbox { width:190px; }

.error, .success, .form-error {
	background:#ffebe8 url(../images/icon_error.gif) 12px 12px no-repeat;
	border:1px solid #c00;
	clear:both;
	font-size:11px;
	font-weight:bold;
	margin:20px 0;
	padding:12px 9px 12px 40px;
	}
.success {
	background:#eff5ea url(../images/icon_success.gif) 12px 11px no-repeat;
	border:1px solid #446423;
	display:block;
	}
.form-error	{ display:none; }

.noresults	{ color:#999; font-size:11px; }

.fade { color:#999; }

/* "Edit Rep" page - select coverage areas */
.coverage-areas { float:left; padding-right:10px; width:195px; }
.prodname { font:bold 11px Tahoma, sans-serif; }