/* MASTER BACKGROUND */		
body {
	min-width: 730px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}

#center {
	width: 100%;
}

#left {
	width: 200px;             /* LC width */
	padding: 0px;			  /* LC padding */
}

#right {
	width: 250px;             /* RC width */
	padding: 0px;			  /* RC padding */
}

#footer {
	clear: both;
}

/*** IE Fix ***/
* html #left {
	left: 250px;              /* RC fullwidth */
}

/*** Equal-height Columns ***/

#container {
	overflow: hidden;
}

#container .column {
	padding-bottom: 1001em;     /* X + padding-bottom */
	margin-bottom: -1000em;     /* X */
}

.panels 
{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

/*** Footer Fix ***/

* html body {
	overflow: hidden;
}

* html #footer-wrapper 
{
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	background: #FFF;         /*** Same as body background ***/
}

/*** Just for Looks ***/

body {
	margin: 0;
	padding: 0;
}

#header, #footer {
	padding: 0px;
}

.header {
	padding: 0px;
	height: 125px
}


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: white;
}

/* background color for the content part of the pages */
Body
{
    background-color: white;
}

img {
	border-width: 0;
}

.left-logo-top {
	background-image: url(images/left-logo-top.jpg);
	background-repeat: no-repeat;
	width: 320px;
	height: 68px;
}

.center-background-top {
	background-image: url(images/center-background-top.jpg);
	background-repeat: repeat-x;
	height: 68px;
}

.right-logo-top {
	background-image: url(images/right-logo-top.jpg);
	background-repeat: no-repeat;
	width: 475px;
	height: 68px;
	text-align: right;
	vertical-align: text-top;
}


.bar1-background {
	background-image: url(images/bar1-background.jpg);
	background-repeat: repeat-x;
	height: 18px;
	text-align: right;
	vertical-align: middle;
	
}

.bar2-background {
	background-image: url(images/bar2-background.jpg);
	background-repeat: repeat-x;
	height: 39px;
	text-align: right;
	vertical-align: middle;
	
}

.bar3-background {
	background-image: url(images/bar3-background.jpg);
	background-repeat: repeat-x;
	height: 50px;
	padding-left: 5px;
	
}
.menu-background {
	background-image: url(images/site_bkg_grey.jpg);
	background-repeat: repeat-y;	
	width: 200px;
}

.menu-title-background {
	background-image: url(images/menu-title-background.jpg);
	background-repeat: repeat-x;
	height: 20px;
	padding-left: 10px;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #6666CC;
}


.content {
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;

}

.title-background {
	background-image: url(images/title-background.jpg);
	background-repeat: repeat-x;
}

.title-header {
	background-image: url(images/title-header.jpg);
	background-repeat: repeat-x;
	height: 25px
}

.download-btn {
	background-image: url(images/download-btn.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 155px;
	border: 0;
}

.item-heading-title {
	width: 100%;
	text-align: left;
	vertical-align: middle;
	padding-bottom: 2px;
}

.item-heading-line {
	background-image:url(images/dotline-tile-grey.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 5px;
	width: 100%;
}

/* 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-image: url(images/MenuItemSelected.gif);
	background-REPEAT: repeat-x;	
	background-COLOR: #fddb94;
	border-right: adc5ed 1px solid;
	border-top: #adc5ed 1px solid;
	border-left: #adc5ed 1px solid;
	border-bottom: #adc5ed 1px solid;	
	height: 18px;
	padding: 0px;	
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
    border-color: black;
	height: 20px;
	padding: 0px;
}

/* text style for the selected tab */
.SelectedTab {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #333366;
    font-weight: bold;
}

/* text style for the unselected tabs */
.OtherTabs {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #3E68BF;
    text-decoration:none;
    font-weight: bold;	
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link    {
    text-decoration:    none;
    color: #3E68BF;
}

A.OtherTabs:visited {
    text-decoration:    none;
    color: #3E68BF;
}

A.OtherTabs:active  {
    text-decoration:    none;
    color: #3E68BF;
}

A.OtherTabs:hover   {
    text-decoration:    underline;
    color: #3E68BF;
}
    
/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 15px
}   

/* hyperlink style for the site links */
A.SiteLink:link {
    text-decoration:    none;
    color:#FFFFFF;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color:#FFFFFF;
}

A.SiteLink:active   {
    text-decoration:    none;
    color: #FFFFFF;
}

A.SiteLink:hover
{
	color: #FFCC33;
	text-decoration: none;
}

/* text style for the site links (at extreme top-right of header) */
.TopSiteLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}   

/* hyperlink style for the site links */
A.TopSiteLink:link {
    text-decoration:    none;
    color:#666666;
}

A.TopSiteLink:visited  {
    text-decoration:    none;
    color:#666666;
}

A.TopSiteLink:active   {
    text-decoration:    none;
    color:#666666;
}

A.TopSiteLink:hover    {
    text-decoration:    none;
    color: #999999;
}

/* style for separator between site links */
.Accent
{
    color: #666666;
    font-weight:    bold;
}

/* style for separator between site links */
.WhiteAccent
{
    color: #FFFFFF;
    font-weight:    bold;
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #6666cc;
}

A.ItemTitle:link {
    text-decoration:    none;
    color:#6666cc;
}

A.ItemTitle:visited  {
    text-decoration:    none;
    color:#6666cc;
}

A.ItemTitle:active   {
    text-decoration:    none;
    color:#6666cc;
}

A.ItemTitle:hover    {
    text-decoration:    none;
    color: #ff9900;
}

/* style of item titles by Announcements and events */
.ItemHeadTitle    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  13px;
    font-weight:    bold;
    color: #333366;
}

/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  14px;
    font-weight: bold;
    color: #ff9900;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

/* style of item titles on edit and admin pages */
.SectionHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #333366;
}

/* style of item titles on edit and admin pages */
.SectionSubHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #458FDA;
}

.CommentsHead   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight: bold;
    color: #666666;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px  ;
    color: #333333;  
}

/* text style used for most text rendered by modules */
.NormalGrey
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    color: #999999;    
}

/* text style used for menu header text rendered by modules */
.MenuText
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
	color: #666666    
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: red
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the dsc admin pages */
.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #6666cc;

}
    
/* hyperlink style for buttons and link buttons used in the papillon admin pages */
A.CommandButton:link {
    text-decoration: none;
    color: #6666cc;
}

A.CommandButton:visited  {
    text-decoration: none;
    color: #6666cc;
}

A.CommandButton:active   {
    text-decoration: none;
    color: #6666cc;
}

A.CommandButton:hover    {
    text-decoration: underline;
    color: #6666cc;
}  

/* text style for buttons and link buttons used in the dsc admin pages */
.SectionLink     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #003399;

}
    
/* hyperlink style for buttons and link buttons used in the dsc admin pages */
A.SectionLink:link {
    text-decoration: none;
    color: #003399;
}

A.SectionLink:visited  {
    text-decoration: none;
    color: #003399;
}

A.SectionLink:active   {
    text-decoration: none;
    color: #003399;
}

A.SectionLink:hover    {
    text-decoration: underline;
    color: red;
}

/* GENERIC */
H1  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: Red;
}

H4  {
	color: #5b626c;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: Red;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: Red;
}

A:link  {
    text-decoration:    none;
    color:  #0066ff;
}

A:visited   {
    text-decoration:    none;
    color:  #0066ff;
}

A:active    {
    text-decoration:    none;
    color:  #0066ff;
}

A:hover {
    text-decoration:    underline;
    color:  #0066ff;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


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 {
    height: 1pt;
    text-align:left
}


/* HtmlTextBox */

pre 
{
    padding:5px;
    margin-bottom:0px;
    margin-top:0px;
    margin-right:0px;
    margin-left:10px;
    background-color: #DCDDDE;
    font: 10px normal Lucida Console;
}



.gridFirstItem {
	margin: 1px;
	font-size: 11px;	
}


.gridItem {
	margin: 1px;
	font-size: 11px;

}

.gridLastItem {
	margin: 1px;
	font-size: 11px;

}

.grid-header {
	font-weight: bold;
	font-size: 11px;
	color: #666666;
	font-family: Verdana, Helvetica, sans-serif;
	background: #f3e9e9 url(images/background-grid.gif) repeat-x center;
	height: 22px;
	text-align: left;

}

.grid-header a:active 
{
	color: #003366;	
	text-decoration: none;
}

.grid-header a:link {
	color: #003366;
	text-decoration: none;
}

.grid-header a:visited 
{
	color: #003366;	
	text-decoration: none;
}

.grid-header a:hover 
{
	color: #003366;	
	text-decoration: underline;
}


.ToolBarBackground 
{
	border-right: #d9dade 1px solid;
	padding-right: 2px; 
	border-top: #d9dade 1px solid; 
	padding-left: 3px; 
	background-image: url(images/main_nav_bg.jpg);
	padding-bottom: 0px; 
	border-left: #d9dade 1px solid; 
	padding-top: 0px; 
	border-bottom: #d9dade 1px solid; 
	background-repeat: repeat-x; 
	height: 24px; 
	background-color: #d9dade
}

.ToolBarLink
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;	
	color: #0560a6;
	text-decoration: none
}

A.ToolBarLink:link
{	
	color: #0560a6;
	text-decoration: none
}

A.ToolBarLink:hover 
{
	text-decoration: none
}


A.ToolBarLink:active 
{
	color: #0560a6
}

A.ToolBarLink:visited 
{
	color: #0560a6
}

.ToolbarSeparator 
{
	padding-left: 4px; 	
	padding-right: 4px; 
    color: #0D0758;
    font-size: 10pt; 
}

.PasswordEdit:visited	{	
	text-decoration: none;
    color:  #006699;	
}	
		
.PasswordEdit:active	{	
	text-decoration: none;
    color:  #ff0000;	
}	
		
.PasswordEdit:link  {
    text-decoration: none;
    color:  #006699;
}

.PasswordEdit:hover {
    text-decoration: underline;
    color:  #ff0000;
}

.PasswordEdit {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    normal;
}

/* text style used for most text rendered by modules */
.NormalGrey
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    color: #999999;    
}


.RegisterText    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #003366;
}

.RegisterHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #003366;
}

/* style of item titles by Announcements and events */
.article-banner    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #666633;
}

.gallery-bar
{
	background-color	: #F8F8F8;
	background-image	: url(images/gallery_bg.gif);
	background-repeat	: repeat-x;
	font-family			: Verdana, Sans-Serif;
	font-size			: 9px;
	font-weight			: bold;
	color				: #979797;
	padding				: 0px 10px 2px 0px;
	height				: 27px;
	text-align			: right;
}

/* picture borders for all modules */

.picture-frame .topx-- {
	background-image: url(Images/frame-topx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.picture-frame .top-x- {
	background-image: url(Images/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.picture-frame .top--x {
	background-image: url(Images/frame-top--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.picture-frame .midx-- {
	background-image: url(Images/frame-midx--.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}
.picture-frame .mid--x {
	background-image: url(Images/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}

.picture-frame .botx-- {
	background-image: url(Images/frame-botx--.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.picture-frame .bot-x- {
	background-image: url(Images/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.picture-frame .bot--x {
	background-image: url(Images/frame-bot--x.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}

.pictures {
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#details {
	padding: 0;
/*	width: 650px; */
/*	border: solid 1px #dddddd; */
}

#filmstrip {
	padding-top: 10px;
	padding-bottom: 10px;	
	width: 370px; 
	height: 470px; 	
	background-color: #f8f8f8;
	border: solid 1px #f2f2f2; 
	text-align: center;
	/*background-image: url(images/body-repeat-photo.gif);*/
	
/*	border: solid 1px #dddddd; */
}

.buttonbar {
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	width: 650px;
	height: 30px;
	text-align: center;
}

.filmstripbar {
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	height: 30px;
	text-align: left;
	vertical-align:top;
}

.frame-picture-bg {
	background-image: url(images/frame-picture-bg.gif);
	background-repeat: repeat-x;
	height: 9px;
}

/* Inline styles are used because image controls hard code a border property */

.photo_198 {
	border: 4px solid #FFFFFF;
}

/* end of picture borders for all modules */

.ArticleRating
{
	width: 80px;
	height: 80px;
	margin: 5px 10px 0px 0px;
	background-color: #cccccc;
	vertical-align: top;
	text-align: center;
	padding: 8px 2px 2px 2px; 
	font-family: Tahoma, Arial, Helvetica;
	background-image: url(images/comments_background.gif);
	line-height: 20px;
	color: #666666;
}

.ArticleCommentText
{
	color: #666666;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
}

.ArticleCommentCount
{
	font-size: 22px;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica;
}

.postinfo
{
   background-color: #f9f4f4;
   font-weight: bold;
   text-align: center;
   vertical-align: top;
}

.posttitle
{
	height: 20px;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	background-color: #f3e9e9;
	color: #666666;
	font-weight: bold;
}

.postbody
{
   padding: 3px;
   vertical-align: top;
   background-color: #fcf9f9;   
}

.dotline-grey	
{
	background-image:url(images/dotline-tile-grey.gif)
}

div.ForumPostBodyArea
{
	vertical-align: top;
	overflow: hidden;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
}


.ForumPostContentText
{
	width:100%;
	text-align: left;
	overflow: auto;
	/* IE HACK */
	overflow-y: hidden;
	padding-left: 1px;
}

.ForumPostContentScrollbarCorrector
{
	height: 0px;
	visibility: hidden;
}

.sectionheader
{
    border-bottom: #dcdcdc 1px dotted;
    color: #65738E;
    font-size: 8pt;
    padding-bottom: 5px;
    font-weight:bold;
}

.CartButton
{
	width:106px;
	height: 22px;
	line-height:22px;
	background: url(images/button-addtocart.gif);
	color:#666666;
	text-align:center;
	font-size: 11px;
	font-family:Verdana;
	border: solid 0px #ffffff
}

.loadingbox
{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid lightsteelblue; 
    background-color: #ffffff; 
    height:50px; 
    width:250px;
    text-align:center;
    padding-top:20px
}

.logtable
{
    border:2px solid #cccccc;
    background-color:#cccccc;
    
}

.loginheader
{ 
    height:30px;
    font-weight: bold; 
    font-size: 10pt; 
    color: #666666; 
    font-family: verdana; 
    background-color: #f5f5f5; 
    text-align:center;
 }
 
 .logincell
 {
    background-color:#ffffff;
    vertical-align:middle;
    text-align:center;
    padding:20px;
}

input, textarea, select
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
