@charset "utf-8";
/* CSS Document */

/*~~~~~~~~~~~~~~~~~~~~~ GLOBAL RESET ~~~~~~~~~~~~~~~~~~~~*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, option, optgroup {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
}

/*~~~~~~~~~~~~~~~~~~~~~ GLOBAL TAGS ~~~~~~~~~~~~~~~~~~~~*/
html, body {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	height:100%;
	width:100%;
	overflow:hidden;;
}
body {
	font-family: "trebuchet ms", "Lucida Grande", "Lucida Sans Unicode", "bitstream vera sans", verdana;
	font-size:16px;
	outline:none;
	background-color:#FF0;
	color:#09C;
}
small {
	font-size:14px;
}
a {
	outline:none;
	color:#FFF;
	text-decoration:underline;
}
a:active {
	outline:none;
}
a:hover {
	text-decoration:none;
}
a:focus {
	-moz-outline-style:none;
}

/*~~~~~~~~~~~~~~~~~~~~~ GLOBAL CLASSES ~~~~~~~~~~~~~~~~~~~~*/

.full {
	position:absolute !important;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
}

.hundred {
	width:100% !important;
	height:100% !important;
}

.hide {
	display:none;
}

.show {
	display:block;
}

.bg {
	width:100%;
	height: 100%;
}
/* root element for tabs  */
ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	height:30px;
	border-bottom:1px solid #666;
}
/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	margin:0 !important;
	list-style-image:none !important;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 6px;
}
/* link inside the tab. uses a background image  background-position: -652px 0; */
ul.tabs a {
	font-size:16px;
	display:block;
	height: 30px;
	line-height:36px;
	width: 132px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
	background-image: url(../_Images/Tabs.png);
	background-repeat: no-repeat;
	background-position: -420px 4px;
}
ul.tabs a:active {
	outline:none;
}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -34px;
	color:#fff;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -68px;
	cursor:default !important;
	color:#000 !important;
	z-index:100;
}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 {
	background-position: -554px 4px;
	width:78px;
}
ul.tabs a.w1:hover {
	background-position: -554px -34px;
}
ul.tabs a.w1.current {
	background-position: -554px -68px;
}
/* width 2 */
ul.tabs a.w2 {
	background-position: -420px 4px;
	width:132px;
}
ul.tabs a.w2:hover {
	background-position: -420px -34px;
}
ul.tabs a.w2.current {
	background-position: -420px -68px;
}
/* width 3 */
ul.tabs a.w3 {
	background-position: -248px 4px;
	width:171px;
}
ul.tabs a.w3:hover {
	background-position: -248px -34px;
}
ul.tabs a.w3.current {
	background-position: -248px -68px;
}
/* width 4 */
ul.tabs a.w4 {
	background-position: -0px 4px;
	width:247px;
}
ul.tabs a.w4:hover {
	background-position: -0px -34px;
}
ul.tabs a.w4.current {
	background-position: -0px -68px;
}
/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;
}

/*~~~~~~~~~~~~~~~~~~~~~ GLOBAL IDS ~~~~~~~~~~~~~~~~~~~~*/
#page {
	position: absolute;
	left: 2px;
	top: 1px;
	right: 2px;
	bottom: 2px;
}
#header {
	position:absolute;
	top:0px;
	right:0px;
	height:30px;
	left:0px;
	overflow:hidden;
	z-index:10;
}
#rightHeader {
	position: absolute;
	top: -7px;
	right: 10px;
	z-index:100;
}#content{
	position:absolute;
	top:30px;
	right:0px;
	bottom:0px;
	left:0px;
	border: 1px solid #999;
	z-index:1;
}
#contentPanes > div{
	position:absolute;
	top:1px;
	right:0px;
	bottom:0px;
	left:0px;
	}
	
#logo {
	position: absolute;
	bottom: 16px;
	left: 16px;
	height:110px;
	width:110px;
	z-index:200;
}