/* ================================
    CSS STYLES FOR THE ASP.NET PORTAL STARTER KIT
    v1.0, 10/2002
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-image:url(images/ui/tabStripeOff.gif);
    background-repeat:repeat-x;
}

/* background color for the content part of the pages */
Body
{
    background-color: white;
}


/* 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: white;
    border-color: white;*/
    background-image:url(images/ui/tabStripeOn.gif);
    background-repeat:repeat-x;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg 
{
	font: normal 11px arial, tahoma, sans-serif;
    background-color: dimgray;
    border-color: black;
}

/* text style for the selected tab */
.SelectedTab {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color:DarkRed;
    font-weight: bold
}

/* text style for the left menu tabs */
.leftmenu {
    font-family: arial, tahoma, sans-serif;
    font-size: 13px;
    color:White;
}

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

A.leftmenu:visited {
    text-decoration:    none;
    color:#cccccc;
}

A.leftmenu:active  {
    text-decoration:    none;
    color:#cccccc;
}

A.leftmenu:hover   {
    text-decoration:    none;
    color:#ffffff;
}

/* text style for the unselected tabs */
.OtherTabs {
    font: normal 13px arial, tahoma, sans-serif;
    color:#aeaeae;
    text-decoration:none;
}

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

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

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

A.OtherTabs:hover   {
    text-decoration:    none;
    color:#828282;
}

/* 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
}   

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

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

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

A.SiteLink:hover    {
    text-decoration:    none;
    color:#ffffff;
}

/* style for separator between site links */
.Accent
{
    color: #38557C;
    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: darkred;
}



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

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

/* 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;
}

/* 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    
}

/* 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: bold;
    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 portal admin pages */
.CommandButton     {
    font-family: Verdana, 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: darkred;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton: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: darkred;
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: darkred;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

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:  darkred;
}

A:visited   {
    text-decoration:    none;
    color:  darkred;
}

A:active    {
    text-decoration:    none;
    color:  darkred;
}

A:hover {
    text-decoration:    underline;
    color:  red;
}

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 {
    color: dimgrey;
    height:1pt;
    text-align:left
}

/**********************************************/
.RadTabStrip_TelerikGrey
{
	font: normal 11px arial, tahoma, sans-serif;
}

.RadTabStrip_TelerikGrey .levelwrap
{
	background:transparent url('img/tabStripeOff.gif') 0px 0px repeat;
}

.RadTabStrip_TelerikGrey li a
{
	padding-left: 5px;
	background:transparent url('img/tabStripeOff.gif') 0px 0px repeat-x;
	height: 29px;
	color:#aeaeae;
	text-decoration: none;
}

.RadTabStrip_TelerikGrey li a .wrap
{

	padding-right: 5px;
	height: 29px;
	background:transparent url('img/tabStripeOff.gif') 0px 0px repeat-x;
}

.RadTabStrip_TelerikGrey li a:hover
{
	color: #828282;
}

.RadTabStrip_TelerikGrey li a .innerWrap
{
	line-height: 29px;
	padding: 0px 15px;
	background: transparent url('img/tabStripeOff.gif') 0px 0px repeat-x;
}

.RadTabStrip_TelerikGrey li a.selected
{
	padding-top: 0px;
	background: transparent url('img/tabLeftFirstOn.gif') 0px 0px no-repeat;
	line-height: 29px;
	padding-left: 8px;
}

.RadTabStrip_TelerikGrey li a.selected .wrap
{
	background: transparent url('img/tabRightLastOn.gif') no-repeat right top;
	line-height: 29px;
	padding-right: 32px;
	color: #828282;
}


.RadTabStrip_TelerikGrey li a.selected .innerWrap
{
	background-image:url('img/tabStripeOn.gif');
}

.RadTabStrip_TelerikGrey li a.disabled,
.RadTabStrip_TelerikGrey li a.disabled .wrap,
.RadTabStrip_TelerikGrey li a.disabled .innerWrap
{
	cursor:default;
	text-decoration:line-through;
}

.RadTabStrip_TelerikGrey li a.red,
.RadTabStrip_TelerikGrey li a.red .wrap,
.RadTabStrip_TelerikGrey li a.red .innerWrap
{
	color:Red;
}

/* scrolling arrows */

.RadTabStrip_TelerikGrey .leftArrow
{
	background-image:url(img/ScrollLeft.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 8px;
}

.RadTabStrip_TelerikGrey .rightArrow
{
	background-image:url(img/ScrollRight.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 8px;
}


.RadTabStrip_TelerikGrey .leftArrowDisabled
{
	background-image:url(img/ScrollLeftDisabled.gif);
	height: 11px;
	width: 8px;
	background-repeat: no-repeat;
}

.RadTabStrip_TelerikGrey .rightArrowDisabled
{
	background-image:url(img/ScrollRightDisabled.gif);
	height: 11px;
	width: 8px;
	background-repeat: no-repeat;
}

/*------------------------------------------------------*/
 .highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../JS/highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: gray;
    text-decoration: none;
	font-size: 13px;
	font-family:Verdana, Helvetica, sans-serif;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: gray;
    text-decoration:none;
}

a.highslide, a.highslide:hover, a.highslide:active, a.highslide:visited
{
	color:White;
	text-decoration:none;
}

/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(../JS/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.applemenu{
	margin: 5px 0;
	padding: 0;
	width: 170px; /*width of menu*/
	border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
	background: black url(../images/silvergradient.gif) repeat-x center left;
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 5px 0;
	padding-left: 8px;
	text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
	color: white;
}


.applemenu div.silverheader a:hover, .applemenu div.silverheader a:active{
	background-image: url(../images/silvergradientover.gif);
	color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
	background: white;
	padding: 5px;
	/*height: 450px;*/ /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
	display:none;
}

.applemenu div.blueheader a{
	background: black url(../images/silvergradientover.gif) repeat-x center left;
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 5px 0;
	padding-left: 8px;
	text-decoration: none;
}