/* ================================
    CSS STYLES FOR Test
    v2.0, 10/2004
   ================================
    v3.5 03/2006
   ================================
    v4.0 06/2006
	Theme: Default

*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: teal;
}

/* background color for the content part of the pages */
Body
{
    margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #494949;
	background-color: #FFFFFF;

}


/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle {
    font-family: Verdana Bold, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color:#cccc99
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: #7396BF;
    /*border-color: black;*/
    /*border: solid 1 black;*/
    border-left: 1px #FFFFFF solid;
    border-right: 1px #FFFFFF solid;
background-repeat: repeat-x;}

/* background/border colors for the selected tab */
.TabBgCustom {
    background-color: #7396BF;
    border-style: dotted; 
	border-width: 1px 0 0 0;
    border-left: 1em #FFFFFF dotted;
    border-right: 1em #FFFFFF dotted;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
    background-color: #7396BF;
    /*border-color: black;*/
    /*border: solid 1 black;*/
    border-left: 1px #FFFFFF solid;
    border-right: 1px #FFFFFF solid;

}

/* text style for the selected tab */
.SelectedTab {
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
font-weight: bold;
color: #000000;}

/* text style for the unselected tabs */
.OtherTabs {
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	text-decoration:none;
    font-weight: bold;
	color: #FFFFFF;}

/* text style for the selected tab SMALL */
.SelectedTabSm {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color:#000000;
    font-weight: bold
}

/* text style for the unselected tabs SMALL */
.OtherTabsSm {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color:#FFFFFF;
    text-decoration:none;
    font-weight: bold
}

/* datagrids and lists */
.ListHead
{
    background-color: #E6F1FF;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 20pt;
    padding-left: 5px
}

.ListHead2
{
    background-color: #80B9FF
;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 20pt;
    padding-left: 5px
}

.ListItem
{
    background-color: #ffffff;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    padding-left: 5px
}

.ListItemAlt
{
    background-color: #f2f2f2;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    padding-left: 5px
}

.ListFooter
{
    background-color: #E6F1FF;
    line-height: 10pt
}
/* errors */
.ErrorStyle
{
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:  11px;
	color: #494949;
font-weight: bold;}


/* hyperlink styles of the unselected tabs */
A.OtherTabs:link    {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:visited {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:active  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:hover   {
    text-decoration:    underline;
    color:white;
}

/* hyperlink styles of the unselected tabs */
A.OtherTabsSm:link    {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabsSm:visited {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabsSm:active  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabsSm:hover   {
    text-decoration:    underline;
    color:white;
}    
/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
/* Theme */
	background-image: url(images/sitelink.gif);
/* end Theme */
}   

/* hyperlink style for the site links */
A.SiteLink:link {
    text-decoration:    none;
    color:white;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color:white;
}

/* style for separator between site links */
.Accent
{
    color: white;
    font-weight:    bold;
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    /*font-size: 11px;*/
    font-weight: normal;
    font-size: 12px;
    color:#494949;
    background-color: #f7f6f6
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #696969;
}



/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight:    normal;
    color: #696969;
font-size: 20px;
letter-spacing: -.8pt;}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #696969;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #696969;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #494949; 
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #494949;
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #7396BF;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #7396BF;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #7396BF;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #7396BF;
}
    
/* content cells AM */
.bodyTable {
    padding: 14px;
    background-color: #E6F1FF;
    width: 100%;
    height: 100%;
}


.bodyCell {
    padding-top: 20px;
    padding-left: 6px;
    padding-right: 6px;
    vertical-align: top;
}

.contentTable {
    width: 100%;
    height: 100%;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #D5D291;
	border-right: 1px solid #D5D291;
	border-bottom: 1px solid #D5D291;
	background-color: White;
}

.contentTableShort {
    width: 100%;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #D5D291;
	border-right: 1px solid #D5D291;
	border-bottom: 1px solid #D5D291;
	background-color: White;
}

.contentCell {
    vertical-align:top;
    padding-top: 15px;
    padding-left: 8px;
    padding-right: 8px;
}

.adminTabActive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #696969;
	border-top: 1px solid #D5D291;
	border-right: 1px solid #D5D291;
	border-left: 1px solid #D5D291;
	border-bottom: 0px none #D5D291;
	background-color: #ffffff;
	text-align: center;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 18px;
}

.adminTabInactive {
    font-size: 0.7em;
	border-top: 1px solid #D5D291;
	border-right: 1px solid #D5D291;
	border-left: 1px solid #D5D291;
	border-bottom: 1px solid #D5D291;
	background-color: #E6F1FF;
	text-align: center;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 18px;
}


.adminTabInactive a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7396BF;
	text-decoration: none;
}

.adminTabInactive a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7396BF;
	text-decoration: none;
}

.adminTabInactive a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7396BF;
	text-decoration: none;
}


.adminTabInactive a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7396BF;
	text-decoration: underline;
}

.adminTabActive a:link, .adminTabActive a:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7396BF;
	text-decoration: none;
}

.standardText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
}


.gridFirstItem {
	border-top: #696969 1px solid;
	border-right: #696969 1px solid;
	border-bottom: #696969 1px solid;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin: 1px;
}


.gridItem {
	border-right: #696969 1px solid;
	border-top: #696969 1px solid;
	border-left: #696969 1px double;
	border-bottom: #696969 1px solid;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin: 1px;
}


.gridLastItem {
	border-top: #696969 1px solid;
	border-left: #696969 1px solid;
	border-bottom: #696969 1px solid;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin: 1px;
}



.gridHeader {
	border-bottom: #696969 1px solid;
	font-weight: bold;
	font-size: 0.8em;
	color: #696969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



.gridHeader a:active {
	color: #696969;
	text-decoration: none;
}

.gridHeader a:link {
	color: #696969;
	text-decoration: none;
}

.gridHeader a:visited {
	color: #696969;
	text-decoration: none;
}

.gridHeader a:hover {
	color: darkred;
	text-decoration: none;
}


pre {
    font-size: 1em;

}



/* GENERIC */
H1  {
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #696969;
}

H2  {
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    bold;
    color: #696969;
}

H3  {
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;;
    font-size:  12px;
    font-weight:    normal;
    color: #696969;
}

H4  {
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #696969;
}

H5, DT  {
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    normal;
    color: #696969;
}

H6  {
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #696969;
}

P	{
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #494949; 
}

TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: darkred;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: darkred;
}

A:link  {
    text-decoration:    none;
    color:  #7396BF;}

A:visited   {
    text-decoration:    none;
    color:  #7396BF;
}

A:active    {
    text-decoration:    none;
    color:  #7396BF;
}

A:hover {
    text-decoration:    underline;
    color:  #7396BF;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    /*color: dimgrey;*/
	border-style: dotted; 
	border-width: 1px 0 0 0; border-color: #C5C5C5;
	text-align:left

}
/* Added with Seller Program */
DIV#parabox
{
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 0.5em;
    BORDER-TOP: #cccccc 1px solid;
    MARGIN-BOTTOM: 1em;
    PADDING-BOTTOM: 0.7em;
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-BOTTOM: #cccccc 1px solid;
    BACKGROUND-COLOR: #f5f5f5
}
DIV#parabox P
{
    PADDING-RIGHT: 1em;
    PADDING-LEFT: 1em;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 0.5em;
    MARGIN: 0px;
    COLOR: #666666;
    PADDING-TOP: 0.5em;
    FONT-FAMILY: Verdana, Arial
}
DIV#stepnumber
{
    BORDER-RIGHT: white solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: white solid;
    PADDING-LEFT: 0.1em;
    FONT-WEIGHT: bold;
    FONT-SIZE: 300%;
    FLOAT: left;
    PADDING-BOTTOM: 0.1em;
    MARGIN: 0px 0.5em 0px 0px;
    BORDER-LEFT: white solid;
    WIDTH: 2em;
    COLOR: #ffffff;
    LINE-HEIGHT: 1.2em;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: white solid;
    FONT-FAMILY: Verdana;
    HEIGHT: 1.2em;
    BACKGROUND-COLOR: #70041c;
    TEXT-ALIGN: center
}
.BoxTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #70041c;
    PADDING-TOP: 0.5em;
    FONT-FAMILY: Verdana, Arial, 'Times New Roman'
}
DIV#parabox UL
{
    FONT-SIZE: 11px;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial
}
DIV#parabox OL
{
    FONT-SIZE: 11px;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial
}
DIV#Stepother
{
    BORDER-RIGHT: white solid;
    PADDING-RIGHT: 0.1em;
    BORDER-TOP: white solid;
    PADDING-LEFT: 0.1em;
    FONT-WEIGHT: bold;
    FONT-SIZE: 150%;
    FLOAT: left;
    PADDING-BOTTOM: 0.1em;
    MARGIN: 0px 0.5em 0px 0px;
    BORDER-LEFT: white solid;
    WIDTH: 2em;
    COLOR: #ffffff;
    LINE-HEIGHT: 1.2em;
    PADDING-TOP: 0.1em;
    BORDER-BOTTOM: white solid;
    FONT-FAMILY: Verdana;
    HEIGHT: 1.2em;
    BACKGROUND-COLOR: #70041c;
    TEXT-ALIGN: center
}
/* Gallery 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-top {
	background-image: url(images/photonav-top-bg.gif);
}

#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-image: url(images/footer.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: 75px;
	text-align: center;
	font-size: 10px;
}

.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;
}