/* 0 BASIC TAGS */
.small
{
	font-size: 7pt;
	
}

.subheaderwhite1
{
	text-decoration: none;
	text-transform: uppercase;
	color: White;
	font-size: 7pt;
	padding-left: 10px;
	font-weight: bold;
	line-height: 10pt;	
}
	TABLE {
	font-size: 7pt;
	}
.RowYellow {
	font-size: 7pt;
	color:Maroon;
	padding-left:8px;
	background-color: #ffff66;
}
.RowKakhi {
	font-size: 7pt;
	color:White;
	padding-left:8px;
	background-color: #999966;
}
.RowYellowSelected {
	font-size: 7pt;
	color:White;
	padding-left:8px;
	background-color: DarkOrange;
}
.Label {
	font-size: 7pt;
	font-weight:bold;
	text-transform:uppercase;
	color:#365396;
	padding-left:8px;
	
}
.TDPLabel {
	font-size: 7pt;
	font-weight:bold;
	text-transform:uppercase;
	color:#306331;
	padding-left:8px;
	
}

.LabelNoPad {
	font-size: 7pt;
	font-weight:bold;
	text-transform:uppercase;
	color:#365396;
}
.Labelblue {
	font-size: 7pt;
	color:#365396;
	padding-left:8px;
}

.LabelLargeblue {
	font-size: 10pt;
	color:#365396;
	font-weight:bold;
	padding-left:8px;
}

.LabelLargeGrayBold {
	font-size: 8pt;
	color:Gray;
	font-weight:bold;
	
}
.LabelLargeGray {
	font-size: 8pt;
	color:Gray;
}


TH
{
	color:Black;
	font-family:Arial;
	font-size:7pt;
	font-weight:bold;
}
TH.Gray
{
	padding-left:8px;
	padding-right:6px;
	font-family:Arial;
	font-size:7pt;
	height:18px;
	background-image: url(images/tblhdr_9x18_v3.jpg);
	
}

h1, h2, h3, h4 {
	margin: 0;
	font-family: tahoma, arial, helvetica, sans-serif;
}

p {
	line-height: 1.4em;
}

hr {
	border: 0;
	border-top: 1px solid #bababa;
	height: 1px;
}


.White
{
	text-decoration: none;
	text-transform: uppercase;
	color: White;
	font-size: 7pt;
	padding-left: 10px;
	font-weight: bold;
	line-height: 10pt;
}
a:active.Hyperlinkblue {
	color:#365396;
	font-weight:bold;
	text-decoration: none;
}
a:hover.Hyperlinkblue{
	text-decoration:none;
	color: #e55600;
	font-weight:bold;
	
}
a:visited.Hyperlinkblue{
	text-decoration:none;
	color:#365396;
	font-weight:bold;
	
}
a.Hyperlinkblue{
	text-decoration: none;
	color:#365396;
	font-weight:bold;
	
}
a {
	text-decoration: none;
	color: Black;
}

a:visited {
	color: Black;
}

a:hover {
	text-decoration: none;
	color: #e55600;
}

a:active {
	color: #e55600;
	font-weight:bold;
	text-decoration: none;
}

a:active.Gray {
	color:#e55600;
	font-weight:bold;
	font-size:8pt;
	text-decoration: none;
}
a:visited.Gray{
	color:  #b2b2b2;
	font-weight:bold;
	font-size:8pt;
	text-decoration: none;
}

a:hover.Gray {
	color:  #e55600;
	font-weight:bold;
	font-size:8pt;
	text-decoration: none;
}
a.Gray 
{
	color: #b2b2b2;
	font-weight:bold;
	font-size:8pt;
	text-decoration: none;
}

body {
	background-color: #ffffff;
	padding-left:0;
	padding-right:0;
	margin-left: 0;
	margin-top: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
}

img {
	border-width: 0;
}



/* 1 HEADER */

.header {
	background-image: url(Images/header.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 760px;
	height: 81px;
	margin-left: auto;
	margin-right: auto;
}
.Header1
{
	background-image: url(Images/header.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 760px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
	font-size:18px;
	
}

h1 {
	position: absolute;
	left: 37px;
	top: 12px;
	text-transform: uppercase;
	font-size: 18px;
}

h2 {
	position: absolute;
	left: 37px;
	top: 60px;
	font-size: 11px;
}
.TDPageTitle
{
	height:20px;
}
.Org {
	left: 20px;
	top: 20px;
	
	font-size: 12px;
	font-weight:bold;
	color:#e55600;
}
.NavMenuHeader{
	left: 37px;
	top: 60px;
	font-size: 7pt;
	font-weight:bold;
	color:#628bea;
	
	
}

.fixedHeader
{
   overflow: auto;
   height: 100px;
   width:300;
}
a:visited.NavMenuHeader {
	left: 37px;
	top: 60px;
	font-size: 7pt;
	font-weight:bold;
	color:#628bea;
}
a:active.NavMenuHeader {
	left: 37px;
	top: 60px;
	font-size: 7pt;
	font-weight:bold;
	color:#628bea;
}
a:hover.NavMenuHeader
{
	left: 37px;
	top: 60px;
	font-size: 7pt;
	font-weight: bold;
	color: #003399;
}
a.NavMenuHeader 
{
	left: 37px;
	top: 60px;
	font-size: 7pt;
	font-weight:bold;
	color:#628bea;
}

.NavMenuLink
{
	color: midnightblue;
	font-size: 7pt;
	border-bottom: #e6e6e6 1px solid;
	text-transform: capitalize;
	line-height: 15px;
}

.menua {
	position: absolute;
	vertical-align:middle;
	right: 37px;
	top: 17px;
	text-transform: uppercase;
	font-size: 7pt;
}

.nav {
	position: absolute;
	right: 37px;
	top: 60px;
	text-transform: uppercase;
	font-size: 10px;
}

.menua a:visited, .nav a:visited {
	color: #d32525;
}

/* 1.1 SHIM */

.shim {
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: 8px;
	font-size: 0;
}

.column {
	background-image: url(images/content-shim.gif);
}

.gradient {
	background-image: url(images/content-shim-photo.gif);
}

.solid {
	background-image: url(images/content-shim-none.gif);
}

/* 2 PAGE */

.page {
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

h3 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.5em;
	font-weight: bold;
}
h4 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;
}

/* 2.1 HOME, RESUME, LINKS, REGISTER, ADMIN/ALBUMS, ADMIN/PHOTOS PAGES */

#home, #resume, #links, #register, #admin-albums, #admin-photos {
	background-image: url(images/body-repeat.gif);
	position: relative;
	width: 686px;
	padding: 0px 37px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */
}

#sidebar {
	float: left;
	width: 214px;
	height: 100%;
}

#content {
	margin-left: 256px;
}

#whatsnew {
	float: left;
	width: 200px;
	height: 100%;
}

#coollinks {
	margin-left: 220px;
}

#resume h4, #links h4 {
	margin-top: 0;
	border-top: 1px solid #bababa;
	padding-top: 1.0em;
	position: absolute;
	left: 37px;
	width: 214px;
}

#resume #photo {
	position: absolute;
	left: 37px;
	top: 20px;
	width: 214px;
}

#resume .first {
	margin-top: 0;
	border-top: 1px solid #bababa;
	padding-top: 1.5em;
}

dl {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #bababa;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	position: relative;
}

dt {
	position: absolute;
	left: 0;
}

dd {
	margin-left: 150px;
	height: 2.0em;
}

.emptydata td {
	padding: 50px;
	color: #aeaeae;
}

/* 2.2 ALBUMS PAGE */

#albums {
	background-image: url(images/body-repeat-photo.gif);
	padding: 0px 37px;
	padding-bottom: 40px;
	width: 686px;
}

.view {
	margin-left: auto;
	margin-right: auto;
	width: 686px;
	text-align: center;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
}

.item {
	padding: 20px 50px;
	color: #B2B2B2;
}

.item h4 {
	margin-bottom: 0.4em;
}

.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}

/* 2.3 PHOTOS, DETAILS, ADMIN/DETAILS PAGE */

#photos, #details, #admin-details {
	background-image: url(images/body-repeat-photo.gif);
	padding: 0;
	width: 760px;
}

.buttonbar {
	background-image: url(images/photonav-bg.gif);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	width: 744px;
	height: 33px;
	text-align: center;
}

.buttonbar-left-header {
	width:166px;
	height:27px;
	text-indent:24px;
	text-align:left;
	font-family: verdana, arial, helvetica, sans-serif;
	color: Black;
	
}
.buttonbar-left-sub-header {
	width:166px;
	height:27px;
	text-indent:24px;
	text-align:left;
}
.buttonbar-left-content {
	width:166px;
	height:27px;
	text-indent:24px;
	text-align:left;
}

#photos .view, #admin-details .view {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* 3 FOOTER */

.footerbg {
	background-image: url(images/footer-side.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 75px;
	text-align: center;
}
.footer {
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 9px;
}

.menub {
	margin: 12px auto 5px auto;
	text-transform: uppercase;
	font-size: 10px;
}

.menub a:visited {
	color: #d32525;
}



/* Inline styles are used because image controls hard code a border property */

.photo_198 {
	border: 4px solid #FFFFFF;
}

TEXTAREA
{
	font-family:Verdana;
	font-size:7pt;
	height:20px;
}
A.AWhite:hover
{
	font-family:Arial;
	font-size:7pt;
	height:20px;
	color:Black;
}
A.AWhite:visted
{
	font-family:Arial;
	font-size:7pt;
	height:20px;
	color:Black;
}
A.AWhite:active
{
	font-family:Arial;
	font-size:7pt;
	height:20px;
	color:Black;
}
A.AWhite
{
	font-family:Arial;
	font-size:7pt;
	height:20px;
	color:Black;
}

TD.AWhite
{
	padding-left:8px;
	padding-right:6px;
	font-family:Arial;
	font-size:7pt;
	height:20px;
}
TD.Black
{
	font-family:Arial;
	font-size:9pt;
	height:18px;
	color:Black;
}
TABLE.BlackLine
{
	font-family:Arial;
	font-size:9pt;
	height:10px;
	color:#b2b2b2;
	border-color:Black;
	border-bottom:1px solid black;
	border-top:1px solid black;
	
}
TH.BlackLine
{
	font-family:Arial;
	font-size:9pt;
	height:10px;
	color:#b2b2b2;
	border-color:Black;
	border-bottom:1px solid black;
	border-top:1px solid black;
}
DIV.BlueBack
{
	border-bottom:1px solid #4F7AE0;
	border-left:1px solid #4F7AE0;
	border-right:1px solid #4F7AE0;
	background-color:#C5D4F5 transparent;
	
	
}	
DIV.WhiteBack
{
	border-bottom:1px solid #4F7AE0;
	border-left:1px solid #4F7AE0;
	border-right:1px solid #4F7AE0;
	background-color:#FFFFFF transparent;
	
	
}	
TABLE.AWhite
{
	padding-left:8px;
	padding-right:6px;
	font-family:Arial;
	font-size:7pt;
	height:20px;
	
}

.TDPJobHeader
{
	background-color:#C5E7C6;
}
.JobHeader
{
	background-color:#C5D4F5;
}
.RecordName
{
	font-size: 7pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #365396;
	border-right: #003399 1px solid;
	padding-right: 5px;
	border-top: #003399 1px solid;
	margin-top: 5px;
	padding-left: 4px;
	margin-bottom: 5px;
	border-left: #003399 1px solid;
	border-bottom: #003399 1px solid;
	background-color: inactivecaptiontext;
	padding-bottom: 1px;
	padding-top: 1px;
}
.TDPDiv {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 9px;

            font-weight: bold;

            text-transform: uppercase;

            color: #336600;

            border-top-width: 1px;

            border-right-width: 1px;

            border-bottom-width: 1px;

            border-left-width: 1px;

            border-top-style: solid;

            border-bottom-style: solid;

            border-top-color: #336600;

            border-right-color: #336600;

            border-bottom-color: #336600;

            border-left-color: #336600;

            border-right-style: none;

            border-left-style: none;

            text-align: center;

}

 


.TDPRecordDetails
{
	font-size: 7pt;
	text-transform: uppercase;
	border-right: #306331 1px solid;
	padding-right: 5px;
	border-top: #306331 1px solid;
	margin-top: 5px;
	padding-left: 4px;
	margin-bottom: 5px;
	border-left: #306331 1px solid;
	border-bottom: #306331 1px solid;
	background-color: #d9eed8;
	padding-bottom: 1px;
	padding-top: 1px;
}
.RecordDetails
{
	font-size: 7pt;
	text-transform: uppercase;
	color: #365396;
	background-color:#D1E4F8;
	border-right: #003399 1px solid;
	padding-right: 5px;
	border-top: #003399 1px solid;
	margin-top: 5px;
	padding-left: 4px;
	margin-bottom: 5px;
	border-left: #003399 1px solid;
	border-bottom: #003399 1px solid;
	padding-bottom: 1px;
	padding-top: 1px;
}

.AlertDetails
{
	font-size: 7pt;
	color: #365396;
}

.LabelSubs
{
	font-size: 7pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #365396;
	border-bottom: #0066cc 1px solid;
	margin-left: 8px;
	text-align: justify;
}
TD.signuprow
{
	font-family:Arial;
	font-size:9pt;
	height:18px;
	color:Black;
}
TD.signupheader
{
	font-family:Arial;
	font-size:10pt;
	height:18px;
	color:Gray;
	background-color:lightgrey;
	font-weight:bold;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

.dragHandle {
	width:10px;
	height:15px;
	background-color:Blue;
	background-image:url(images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}


/* Rounded Corners*/

.roundedPanel
{	
	width:300px;	
	background-color:#5377A9;	
	color:white;
	font-weight:bold;		
}
.accordionHeader
        {
            color: white;
            background-color: #719DDB;
            font: bold 11px auto "Trebuchet MS", Verdana;
            font-size: 12px;
            cursor: pointer;
            padding: 4px;
            margin-top: 3px;
        }
        .accordionContent
        {
            background-color: #DCE4F9;
            font: normal 10px auto Verdana, Arial;
            border: 1px gray;                
            padding: 4px;	
            padding-top: 7px;
        }