/*--------------------------------------

INTERNODED MOBILE DEVICE MANAGER

STYLESHEET VERSION: 1.0

LAST EDIT: 8/5/08 - RYAN HARTMAN

---------------------------------------*/

body {
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #fff url(../img/layout/page-bg.png) repeat-x top left scroll;
}

* {
	padding: 0;
	margin: 0;
}

td { font-family: Arial, Helvetica, sans-serif; }

/*--------------------------------------
GLOBALS & GENERAL CASES
---------------------------------------*/

a { color:#0d0dae; text-decoration: underline; padding: 1px; }
a:link { color: #0d0dae; }
a:visited { color: #0d0dae; }
a:hover { color: #0d0dae; text-decoration: none; }
br.clear{ clear: both; height: 0;}
a:focus, a:active { outline: none; }

/*--------------------------------------
TYPOGRAPHY
---------------------------------------*/
h1, h2, h3, h4, h5, h6 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
		color:#0d0dae;
}

/* approx 21px*/
h1 {
        font-size: 2.1em;
        margin-top: 2em; 
}

#logo h1 { 
	 margin-top: 0;
}

/* approx 16px*/
h2 {
        font-size: 2.1em;
        margin: 0em;
		float:left;
		padding-right: 5em; 
}

/* approx 14px*/
h3 {
        font-size: 1.4em;
}

/* approx 12px*/
h4 {
        font-size: 1.2em;
}

/* approx 11/14 */
p {
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 0;
	margin-bottom: 1em;
}

/*--------------------------------------*/
/* LAYOUT                               */
/*--------------------------------------*/

	#logo {
		position:absolute;
		top:13px;
		left:16px;
		height:23px;
		width:395px;
	}
	
	#top-controls {
		position:absolute;
		top:0px;
		right:0px;
		padding:.8em;
		font-size:1.4em;
	}
	
	#wrapper {
		position:absolute;
		top:45px;
		left:0px;
		width:100%;
	}
		
	#nav {
		border-top: .3em #e2e0dc solid;
	}
	
/*--------------------------------------*/
/* PARENT NAVIGATION                    */
/*--------------------------------------*/
			
	#nav-parent {
		width:100%;
		border-top: .1em #0b0ba9 solid;
		border-bottom: .1em #0b0ba9 solid;
		background-color: #0d0dae;
	}
	
		/** Unordered List **/
		#nav-parent-list {
		 	list-style:none;
			margin-left:35px;
		}
		
		#nav-parent-list li {
			float:left;
			margin-right:.1em;
		}
		
		#nav-parent-list a {
			color:#fefeff;
			text-decoration:none;
			font-size: 1.5em;
			display:block;
			padding: 1em;
		}
			
		#nav-parent-list a:hover, #nav-parent-list a.selected {
			background: transparent url(../img/layout/parent-nav-hover.png) repeat-x top left scroll;
		}
			
/*--------------------------------------*/
/* CHILD NAVIGATION                     */
/*--------------------------------------*/
			
	#nav-child {
		width:100%;
		background: transparent url(../img/layout/child-nav-bg.png) repeat-x top left scroll;
		background-color: #908686;
	}
		
		/** Unordered List **/
		#nav-child-list {
		 	list-style:none;
			margin-left:54px;
		}
			
		#nav-child-list li {
			float:left;
			margin-right:.1em;
		}
			
		#nav-child-list a {
			color:#fefeff;
			text-decoration:none;
			font-size: 1.4em;
			display:block;
			padding: 0.5em;
		}
			
	#nav-child-list a:hover, #nav-child-list a.selected {
		background: #6d6764 url(../img/layout/child-nav-hover.png) repeat-x top left scroll;
	}
	
/*--------------------------------------*/
/* PAGE HEADING WRAPPER                 */
/*--------------------------------------*/
			
	#title {
		background: #fff url(../img/layout/title-gradient-bg.png) repeat-x top left scroll;
	}
	
	#title-inner {
		padding: 2em;
		background: transparent url(../img/layout/title-world-bg.png) no-repeat top right scroll;
		line-height:2.1em;
	}
	
/*--------------------------------------*/
/* MAIN FUNCTION NAVIGATION             */
/*--------------------------------------*/
		
	#title-buttons {
		list-style:none;
	}
		
	#title-buttons li {
		margin-right: 1.2em;
		float:left;
		line-height: 16px; /* height of icon */
		background-repeat: no-repeat;
		background-position: 0 50%;
	}
		
	#title-buttons a {
		padding-left:20px;
		font-size: 1.4em;
		text-decoration:none;
	}
		
	#title-buttons a:hover {
		text-decoration:underline;
	}
	.icon-save { background-image:url(../img/icons/accept.png); }
	.icon-delete-user { background-image:url(../img/icons/user_delete.png); }
	.icon-view-history { background-image:url(../img/icons/book_open.png); }
	.icon-return-list { background-image:url(../img/icons/book_previous.png); }
			
/*--------------------------------------*/
/* MAIN PAGE CONTENT                    */
/*--------------------------------------*/
		
	#content {
		background: transparent url(../img/layout/under-heading.png) repeat-x top left scroll;
		margin-top: -4px;
		padding-top:4px;
	}
	
	#content-inner {
		background-color:#f1f1e6;
		padding-top:3em;
	}
			
/*--------------------------------------*/
/* WRAPPER FOR EACH SECTION             */
/*--------------------------------------*/
		
	.section {
		width:785px;
		border: 2px #bdbdb5 solid;
		margin-left:12px;
		background-color:#fff;
		position:relative;
		margin-bottom:4em;
	}
	
	.section-info {
		position:absolute;
		left:-16px;
		top:-22px;
		width:785px;
	}
			
	.section-title {
		border:#9b9a94 2px solid;
		background-color:#ebe3e3;
		float:left;
	}
	
	.section-info ul {
		margin-left:60px;
		float:left;
		list-style:none;
	}
	
	.section-info li {
		float:left;
		line-height: 22px;
		margin-right:1em;
	}
	
	.section-info a {
		font-size: 1.3em;
		text-decoration:none;
	}
	
	.section-info a:hover {
		text-decoration:underline;
	}
			
	.section h3 {
		font-size:1.9em;
		padding: 0.1em 0.7em 0.1em 14px
	}
				
	.section-inner {
		padding: 1.5em .3em .3em .3em;
	}
					
/*--------------------------------------*/
/* SECTION TABLE STYLES                 */
/*--------------------------------------*/

	.table-item {
		color:#333300;
		font-weight:bold;
		font-size:1.2em;
		text-align:right;
		width:15%;
	}
	.table-value {
		font-size:1.2em;
		padding-left:1em;
	}
	
	.double {
		width:35%;
	}
	
					
			
/*--------------------------------------*/
/* FOOTER STYLES                        */
/*--------------------------------------*/		
				
	#footer {
		background-color: #e9e9e5;
		border-top:#cbcbc7 2px solid;
		border-bottom:#cbcbc7 2px solid;
		padding:.5em;
	}
			
	#footer p {
		padding:0;
		margin:0;
	}
	
/*--------------------------------------*/
/* SECTION TABS                         */
/*--------------------------------------*/

.ui-tabs-hide { display: none; }

.tabs-nav li {
	background-color:#e6e2e2;
	border:2px solid #BDBDB5;
	padding-bottom:1px;
	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	line-height:normal;
}

.tabs-nav li.ui-tabs-selected {
	background-color:#fff;
	border-bottom:2px solid #fff;
}