/*
-----------------------------------------------
LGED - BASE CSS Styles
-----------------------------------------------
Author:   Karl Golka
Company:  http://www.webstruments.com
Version:  02 Aug 2007
----------------------------------------------- */
@import url("forms.css");


/* debug
-------------------- */
textarea#tarDebug {
	background: #ffeecc url(../images/lg4u-shredder.png) no-repeat 0% 0%;
	border: 5px solid #888;
	padding: .7em;
	font-family: Courier;
	font-size: 85%;
	line-height: 1.2em;
	width: 120px;
	height: 360px;
	position: fixed;
	top: 2.5em;
	left: 1.5em;
	-moz-opacity: 0.8 !important;
	opacity:.80 !important;
	filter: alpha(opacity=80) !important;
	z-index: 100000;	
}
textarea#tarDebug.zoom {
	width: 500px;
	height: 560px;
}
p.debug { 
	display: none !important; 
	background: #ffeecc;
	border: 5px solid #888;
	padding: .8em 1em;
}
textarea.debug { display: none !important; }

/* DEBUG SWITCH textarea#tarDebug, */
.debug, p.debug { display: none !important; }


/* generics
-------------------- */
 
* { margin: 0; padding: 0; }
body {
	background: #490002 url(../images/lg4u-bkgnd.gif) repeat-x 0% 0%;
	text-align: center;
	margin: 0 auto;	
	font-family: "Lucida Sans", Verdana, Helvetica, Arial, Sans-Serif;
	font-size: small;
	line-height: 1.5em;	
	color: #000;		
	}
h2 {
	font-size: 2em;
	font-weight: normal;
	border-bottom: 1px solid #BFBFBF;
	vertical-align: bottom;
	padding-bottom: 0;
	margin: 0 0 .5em;
	position: relative;
	line-height: 1.1em;
}
p {
	margin-bottom: 1.5em;
}
p.graynote {
	background: #ffeecc;
	border: 2px solid #FFA901;
	padding: 1em 1.5em;
}
.debug { display: none; }
.ajax-bkgnd {
	/*background: transparent url(../images/lg4u-loading-bkgnd.gif) no-repeat 50% 50%;	*/
}
.ajax-nobkgnd { 
	background: transparent; 	
	}
span.tooltip {
	background: transparent url(../images/icon-help.gif) no-repeat 100% 0%;
	padding-right: 12px;
}
span.tooltip { cursor: help; }
body.login a#hypFathomLogo {
	display: block;
	position: absolute;
	bottom: -90px;
	left: 10px;
	text-indent: -1000em;
	background: transparent url(../images/lg4u-fathom-logo.gif) no-repeat 0% -51px;
	width: 242px;
	height: 51px;	
}
body.login a#hypFathomLogo:hover {
	background-position: 0% 0%;
}
body.login a#hypFathomLogo:focus { outline-style: none; }
body.login label.login {
	display: block;
	clear: both;
	float: none !important;
	text-align: left;
	text-transform: uppercase;
	color: #777 !important;
	font-size: 1em;
	padding-bottom: 4px;
	letter-spacing: 2px;
}

body.login #formLogin .validation-advice { display: none !important; }
body.dash a.hypFathomLogo {
	display: block;
	text-indent: -1000em;
	background: transparent url(../images/lg4u-fathom-logo-white.gif) no-repeat 0% 0%;
	width: 242px;
	height: 51px;		
}
body.dash a.hypFathomLogo:focus { outline-style: none; }
h2.dashboard {
	margin: 1em 0;
	padding: 0 7px 5px;
	width: 95%;
}
h2.dashboard em { display: none; }

body.dash .btnRefresh:focus {
	outline-style: none;
}
#divMessage {
		margin: 1em auto;
		border: 2px solid #ccc;
		background: #f7f7f7 url(../images/tmp-icon-warning.gif) no-repeat 3em 6em;
		padding: 5em;
		padding-left: 7em;
		width: 75%;
		height: 50px;
		text-align: left;
	}
p.legend {
	color: #666;
	font-size: 85%;
	line-height: 1.2em;
	margin-bottom: 2px !important;
	text-align: left;
}
#divFilters {
	height: 50px;	 
	padding-top: 15px !important;
	margin-bottom: 15px;
}
#divFilters table td {
	vertical-align: top !important;
}
#spanWho {
	position: absolute;
	bottom: 9px;
	right: 1px;
	display: block;
	font-weight: bold;
	color: #fff;
}
/* links
-------------------- */	
a:link {
	text-decoration: underline;
	font-weight: normal;
	color: #000;	
	}
a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #000;
	}
a:hover {	
	text-decoration: underline;
	font-weight: normal;
	color: #333;
	}	
a:active {
	text-decoration: underline;
	font-weight: normal;
	color: #000;
	}

/* layout
-------------------- */	
#container {
	background: transparent;
	margin: 30px auto;
	width: 849px;
	}
#header {
	text-align: left;
	position: relative;
	height: 35px;
}
#header h1 a {
	display: block;
	text-indent: -1000em;
	background: transparent url(../images/lg4u-logo.gif) no-repeat 0% 0%;
	width: 327px;
	height: 30px;
	text-decoration: none;
	border: none;
}
#footer {
	display: none;
}

#content {
	text-align: left;
	
	
}
/* vanishing background IE7 bug on scroll for repeating background: solution add width */
#c1-top {
	background: transparent url(../images/lg48u-copy-top.gif) no-repeat 0% 0%;	
	height: 10px;
}
#c1 {	
	padding: 1em 2em;
	background: transparent url(../images/lg4u-copy-bkgnd.gif) repeat-y 0% 0%;		
}
#c1-bottom {
	background: transparent url(../images/lg48u-copy-bottom.gif) no-repeat 0% 0%;	
	height: 10px;
}
body.dash #c1-bottom  { height: 5px; }
/* admin specific */
body.dash #c1 { 
	padding: 0 7px 1em;
}
body.dash #container {
	border-bottom: 10px solid #E2DEDD;
}
body.dash div.shins {
	height: 80px;
	clear: both !important;
} 
body.dash div.shins a.help, body.dash div.shins em {
	color: #828282 !important;
	font-size: 90%;
}
body.dash div.shins a.help {	 
	
}
body.dash div.shins table {
	margin-bottom: 0;	 
	height: 80px;
}
body.dash div.shins table td { vertical-align: middle; padding-right: 10px;}
body.dash .btnRefresh {
	background: transparent url(../images/lgfu-btn-refresh.gif) no-repeat 0% 0%;
	width: 90px;
	height: 42px;
	display: block;
	text-indent: -1000em;	
}
body.dash .btnRefresh:hover { cursor: pointer !important; }
body.dash #header { height: 60px !important; }

/* admin specific */
body.admin #container { width: 719px; }
body.admin #header { padding: 0; height: 35px; }
body.admin #content { width: 719px;	margin: 0 auto;}
body.admin #c1-top { background: transparent url(../images/lg4u-admincopy-top.gif) no-repeat 0% 0%; }
body.admin #c1-bottom { background: transparent url(../images/lg4u-admincopy-bottom.gif) no-repeat 0% 0%; height: 11px; }
body.admin #c1 {
	background: transparent url(../images/lg4u-admincopy-bkgnd.gif) repeat-y 0% 0%;	
	padding: .5em 1em 45px;
	position: relative;
	height: 1%;
}


/* login specific */
body.login { padding-top: 150px; }
body.login #container { width: 458px; }
body.login #header { padding: 0; height: 35px; }
body.login #toplinks { display: none; }
body.login #content { width: 458px;	margin: 0 auto; position: relative; }
body.login #c1-top { 
	background: transparent url(../images/lg4u-login-top.gif) no-repeat 0% 0% !important; 
	overflow: hidden !important; 
	margin-bottom: 0 !important;
	padding: 0 !important;
}
body.login #c1-bottom { background: transparent url(../images/lg4u-login-bottom.gif) no-repeat 0% 0%; height: 13px; }
body.login #c1 {
	background: transparent url(../images/lg4u-login-bkgnd.gif) repeat-y 0% 0% !important;	
	padding: .5em 1em 45px;
	position: relative;
	margin-top: 0 !important;
}
body.login #footer { display: none; }
body.login a#hypForgotPassword {
	position: absolute;
	bottom: 14px;
	left: 20px;
	color: #888 !important;
	border-bottom: 1px solid #aaa;
	font-size: 80%;
	line-height: 1.1em;	
}
body.login a#btnLogin {
	position: absolute;
	right: 12px;
	bottom: 0;
	background: #444 url(../images/lg4u-login-button.gif) no-repeat 0% 0%;
	width: 88px;
	height: 43px;
	border: none !important;
	text-indent: -1000em;
	display: block;
}
body.login a#btnLogin:hover {
	cursor: pointer !important;
	background-color: #a20000 !important;
}

#formLogin {	
	text-align: left;
	padding-bottom: 1.4em;	
}
#formLogin div.qa div.inputHolder {
	background: #fff url(../images/lg4u-login-tbx-bkgnd.gif) no-repeat 0% 0%;
}
#formLogin div.qa div.inputHolder, #formLogin div.qa input.tbx {	
	width: 435px;
	height: 41px;
	border: none !important;
	padding: 0 !important;
}
#formLogin div.qa input.tbx {
	background: transparent;
	padding: 11px !important;
	font-size: 1.4em;
}
#divLoading {
	background: transparent url(../images/lg4u-ajax-spinner.gif) no-repeat 0% 0%;
	width: 16px;
	height: 16px;
	text-indent: -1000em;
}
input.prepopulated {
	color: #666 !important;
}
body.login #c1 {
	position: relative;	
}
body.login #divLoading {
	 right: 10px;
	 top: 7px;
	 position: absolute;
	}
body.login #header { position: relative; }
body.admin #divLoading {
	 left: 340px;
	 top: 7px;
	 position: absolute;
	}


/* navigation
-------------------- */	
ul#toplinks {
	list-style: none;
	position: absolute;
	top: 5px;
	right: 0;
}
ul#toplinks li {
	display: inline;
	color: #fff;
}
ul#toplinks li b {
	margin: 0 10px;
}
ul#toplinks li a { color: #fff; }
/* tabs */
ul#tabs { 
	list-style: none;
}
ul#tabs li {
	display: inline;
	margin-right: 10px;
}
ul#tabs li a {
	color: #fff;
	font-weight: bold;
}

/* lightbox (modal)
-------------------- */	
#modal_container {
	background-color:#FFFFFF;
	padding: 1em 2em 3em;	 
	text-align: left;
	border: 6px solid #ccc;
	margin: 5em 0;
	position: absolute;
	top: 0 !important;
}
a.modalclose {
	display: block;
	position: absolute;
	top: -12px;
	right: -12px;
	background: transparent url(../images/lg-icon-close.png) no-repeat 0% 0%;
	width: 28px;
	height: 28px;
	text-indent: -1000em;
	text-decoration: none;
	border: none;
}
#modal_container a.modalclose:focus {
	outline-style: none;
}
#modal_overlay {
	background-color:#ccc;
	/* ADDED FOR SMALLER OVERLAY 
	
	width: 800px !important;
	height: 100% !important;
	left: 50% !important;
	margin-left: -400px !important;*/
	z-index: 1000 !important;
}
input#tbxForgotEmail {
	overflow: auto !important;
	cursor: text !important;
}


/* tables
------------------------------------------- */	
table.main {
	width: 100%;
}
table.main td, table.main th {
	padding: 5px 10px;
	text-align: left;	
}
table.main th {
	background: #DFDFDF;
	font-weight: bold;	
}
table.main tr.flip1 td {
	background: #F1F1F1;	
}
/* HOVER STATE */
table.main tr.boxon td {
	background: #a20000;
	color: #fff !important;
	cursor: pointer !important;
}
table.main tr.boxon td a {
	color: #fff !important;
}

/* boxes
------------------------------------------- */	
div.box {
	margin-bottom: 1em;	
	background: transparent url(../images/lg4u-dashbox-bkgnd.gif) repeat-y 0% 0%;
	width: 410px !important;
}
div.box-contents {
	background: transparent url(../images/lg4u-dashbox-top.gif) no-repeat 0% 0%;
	padding: 8px;
	text-align: center;
}
div.box-contents h2 { 
	text-align: left !important;
}

div.box-contents img {
	margin: 2em auto !important;	
}
div.box-bottom {
	background: transparent url(../images/lg4u-dashbox-bottom.gif) no-repeat 0% 0%;
	height: 40px;
}
div.box-bottom p {
	margin-bottom: 0 !important;
	color: #828282;
	line-height: 40px;
	padding-left: 15px;
}
div.box-bottom p b {
	font-weight: normal;
	margin: 0 1em;
}
div.box h2 {
	color: #828282;
	font-size: 1.4em;
	border-bottom: none !important;
}
h2 ul {
	list-style: none;
	position: absolute;
	top: 3px; 
	right: 0;
	font-size: 42%;
	background: transparent url(../images/lg4u-export-bkgnd.gif) no-repeat 0% 0%;
	width: 91px;
	height: 27px;
}
h2 ul li {
	float: left;
	display: block;
	margin-left: 7px;	
}
h2 ul li a {
	text-decoration: none !important;
	text-transform: uppercase;
	color: #BB044A !important;
	font-size: 11px;
	line-height: 27px;
}
h2 ul li a:hover { text-decoration: underline !important; }


/* pink box
------------------------------------------- */	
div.pinkbox { cursor: pointer !important; background: transparent url(../images/lg4u-pinkbox-bkgnd.gif) repeat-y 0% 0% !important; width: 410px !important;}
div.pinkbox div.box-contents { background: transparent url(../images/lg4u-pinkbox-top.gif) no-repeat 0% 0%;  }
div.pinkbox div.box-bottom { background: transparent url(../images/lg4u-pinkbox-bottom.gif) no-repeat 0% 0%; }
div.pinkbox h2 { color: #BB044A !important; }
div.pinkbox div.box-bottom p { color: #fff !important; }
div.pinkbox h2 ul { display: none !important; }
/* pink box (for large)
------------------------------------------- */	
div.largepinkbox { cursor: pointer !important; background: transparent url(../images/lg4u-large-pinkbox-bkgnd.gif) repeat-y 0% 0% !important; }
div.largepinkbox div.box-contents { background: transparent url(../images/lg4u-large-pinkbox-top.gif) no-repeat 0% 0% !important; }
div.largepinkbox div.box-bottom { background: transparent url(../images/lg4u-large-pinkbox-bottom.gif) no-repeat 0% 0% !important; }


/* large box
------------------------------------------- */	
div.largebox { 
	width: 832px !important;
	background: transparent url(../images/lg4u-large-box-bkgnd.gif) repeat-y 0% 0% !important; 
}
div.largebox div.box-contents { 
	background: transparent url(../images/lg4u-large-box-top.gif) no-repeat 0% 0%; 
	}
div.largebox div.box-bottom { background: transparent url(../images/lg4u-large-box-bottom.gif) no-repeat 0% 0%; }
 

/* columns
------------------------------------------- */	

/* columns */
div.colLeft {
	float: left;
	width: 50%;
}
div.colLeft #l1 {
	padding-right: 9px;
}
div.colRight {
	float: right;
	width: 50%;
}
div.colClear {
	clear: both !important;	 	
}

/* actions (cms-specific)
------------------------------------------- */	
.actionHeader {
	margin-bottom: 2em;		
}
a.delete {
	color: #a20000;
	font-size: 85%;
	padding: 0 5px;	
}
a.delete:hover { background: #a20000; color: #fff; }

.actionHeader a.btn-standard {
	display: block;
	background: #fff url(../images/lg4u-btn-standard.gif) no-repeat 0% 0%;
	width: 95px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #6F6D6E !important;
	font-weight: bold;
	border: none !important;
}
.actionHeader a.btn-standard:hover {
	text-decoration: none !important;
	border: none !important;
	background-color: #E1DCDE;	
	color: #E76C9B !important;
}

/* boxed row
------------------------------------------- */	
div.boxedrow {
	background: transparent;
	margin-bottom: 9px;
}
div.boxedrow div.brow1 {
	background: transparent url(../images/lg4u-row-bkgnd.gif) no-repeat 0% 0%;
	height: 35px;
	width: 682px;
	font-size: 1.1em;
}
div.boxedrow div.boxon {
	background-image: url(../images/lg4u-row-bkgnd-hover.gif);
	cursor: pointer !important;
	color: #E76C9B;
}
div.boxedrow div.brow1 table { width: 100%; height: 35px; }
div.boxedrow div.brow1 td {
	width: 50%;
	vertical-align: middle;
	padding: 0 1em;
	font-weight: bold;
}
div.boxedrow div.brow1 td.rightAligned {
	text-align: right;
}
div.boxedrow div.brow1 td.rightAligned a {
	color: #6F6D6E !important;
	margin-left: 10px;
}
div.boxedrow div.brow1 td.rightAligned b {
	margin-left: 10px;
}
div.boxedrow div.brow1 td.rightAligned a:hover {
	background: transparent !important;
	color: #E76C9B !important; 
}
div.boxedrow div.brow1 td b.role {
	margin-left: 10px;
	font-weight: normal !important;
	color: #666;
}

/* sm-rounded (filtering section)
------------------------------------------- */	
.sm-rounded {
	background: #EBE6E8;
	margin-bottom: 5px;
	position: relative;
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	color: #8B8889;
}
.sm-rounded label.floated {
	float: left;
}
.sm-rounded input {
	margin-left: 4px;
}
.sm-rounded input.tiny {
	width: 30px !important;
	height: 14px !important;
	padding: 1px !important;
}
.sm-rounded .sm-rounded-left {
	background: transparent url(../images/lg4u-sm-round-left.gif) no-repeat 0% 0%;
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 27px;
}
.sm-rounded .sm-rounded-right {
	background: transparent url(../images/lg4u-small-round-right.gif) no-repeat 0% 0%;
	position: absolute;
	right: 0;
	top: 0;
	width: 6px;
	height: 27px;
}

/* med-rounded
------------------------------------------- */	
.med-rounded {
	background: #EBE6E8;
	margin-bottom: 5px;
	position: relative;
	height: 52px;
	line-height: 27px;
	padding: 0 12px;
	color: #8B8889;
}
table.holder td.rightFiltered .med-rounded {
	text-align: right;
}
td.rightFiltered {
	vertical-align: top !important;
	padding-left: 0;
}
td.loading {
	width: 50px;
	padding: 0 15px;
}
.med-rounded label.floated {
	float: left;
}
.med-rounded input {
	margin-left: 4px;
	margin-right: 15px !important;
}
.med-rounded .med-rounded-left {
	background: transparent url(../images/lg4u-med-rounded-left.gif) no-repeat 0% 0%;
	position: absolute;
	left: 0;
	top: 0;
	width: 7px;
	height: 52px;
}
.med-rounded .med-rounded-right {
	background: transparent url(../images/lg4u-med-rounded-right.gif) no-repeat 0% 0%;
	position: absolute;
	right: 0;
	top: 0;
	width: 7px;
	height: 52px;
}
.box a.helpclose {
	display: block;
	position: absolute;
	top: -4px;
	right: -4px;
	width: 28px;
	height: 28px;
	background: transparent url(../images/lg-icon-close.png) no-repeat 0% 0%;
	text-indent: -1000em;
}
.box a.helpclose:focus { outline-style: none; }

/* Prototip.css */

div.tooltip { 
	width: 500px; 
	color: #fff; 
	text-align: left;	
	} 
div.tooltip .title { 
	border-top: 2px solid #000; 
	background: #063873; 
	font: italic 17px Georgia, serif; 
	padding: 5px 15px;
	}
div.tooltip .content { 
	background: #666 url(../images/lg4u-tooltip-grad.png) repeat-x 0% 100%;
	border-bottom: 5px solid #333;
	font: 1.1em Arial, Helvetica, sans-serif; 
	padding: 15px; 
	line-height: 1.4em;
	-moz-opacity: 0.9 !important;
	opacity:.90 !important;
	filter: alpha(opacity=90) !important;
	}
	
/* custom calendar styles */
div.calendar {
	background: #fff !important;
	padding: 8px;
	border: 2px solid #ccc;
	cursor: pointer !important;
	width: 220px !important;
	z-index: 100000 !important;
}
div.calendar td.name { padding: 2px 4px !important; }
div.calendar td.ttip { color: #666; font-size: 90%; }
div.calendar td.today { color: #006DCE !important; font-weight: bold; background: #eee;}
div.calendar td.selected { color: #fff !important; font-weight: bold; background: #a20000;}
div.calendar td.hilite { background: #EFCBD6; }


/* fabtabulous tabs
------------------------*/ 
.panel {
	display: none;
	clear: both;
	padding: 1em 0 .8em;
}
.panel.active-tab-body {
	display: block;
}

blockquote {
	margin: 1em;
}
blockquote span {
	color: #a20000 !important;
	font-weight: bold;
}
a.photo {
	margin-right: 10px;
	margin-top: 10px;
	background: #D8D5DD;
	padding: 8px;
	display: block;
	float: left;
}
a.photo:hover {
	background: #DCE5F0;
}
#divPhotoGallery {
	width: 780px !important;
}
a.export {
	font-weight: bold !important;
}