/* ================================
    CSS STYLES FOR THE PORTAL STATER KIT
    v1.0, 10/2002
   ================================
*/


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

/* background color for the content part of the pages */
Body
{
	/*background-image: url(/uploads/reasonable-template.gif);*/
	background-repeat: no-repeat;
	background-position: bottom right;
	margin:0px;
	color:#666666;
}


/* 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/border colors for the unselected tabs */
.OtherTabsBg
{
	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 unselected tabs */
.OtherTabs
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: gainsboro;
	text-decoration: none;
	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;
}

/* 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: #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: red;
	font-weight: bold;
}

/* style for separator between site links */
.Success
{
	color: #55aa44;
	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;
}



/* GENERAL */
/* style for module titles */
.Head
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 23px;
	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, Body
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
}

/* 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: 15px;
	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: 13px;
	font-weight: bold;
	padding-top: 8px;
	color: #666688;
}

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

TH
{
	vertical-align: baseline;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

/*A:link
{
	text-decoration: none;
	color: #25A8E0;
}*/

/*A:visited
{
	text-decoration: none;
	color: #25A8E0;
}*/

A:active
{
	text-decoration: none;
	color: #25A8E0;
}

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

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

/* Self Define CSS */
TABLE
{
	/*font-size: 10pt;
	line-height: 1.2em;*/
}

CAPTION.Reasonable
{
	background-color: #8080ff;
	color: white;
	border-style: solid;
	border-color: black;
}

TABLE.Reasonable, DIV.Reasonable
{
	font-family: arial;
	background-color: white;
	border-style: solid;
	border-color: #EEEEEE;
	border-collapse: collapse;
	/*min-width: 600px;
	max-width: 1024px; delete by alex.*/ 
}

Th.Reasonable
{
	background-color: #DDDDDD;
	color:#666666;
}

TR.Reasonable
{
	vertical-align:middle;
}

TD.Reasonable
{
	background-color: white;
	color: black;
	border-style: solid;
	text-align: left;
}

B.Reasonable
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}
/* For different style of Gridview */
.GeneralGv
{
	background-color: #fff;
	border: 1px solid #eee;
	width: 100%;
}

.GeneralGv td, th
{
	padding: 2px;
}
.gvFooter,.gvFooter a
{
	background-color: #E0E0E0;
	color: #333333;
}

.gvRow, .gvRow a
{
	background-color: #fff;
	color: #777777;
}
.gvSelectedRow
{
	background-color: #ffffc9;
	color: #003399;
	font-weight: bold;
}
.gvPager,.gvPager a
{
	background-color: #E0E0E0; /* color: #3366CC;*/
	color: #000000;
	text-align: left;
}
.gvPager span
{
	font-weight: bold;
}
.gvPager td
{
	padding: 0px;	
}
.gvPager .curpage
{
	font-weight: bold;	
}

.gvHeader, .gvHeader * a:hover, .gvHeader * a:visited, .gvHeader * a:active, .gvHeader * a:link
{
	background-color: #DDDDDD;
	color: #666666;
	font-weight: bold;
}
.gvAlternateRow, .gvAlternateRow a
{
	background-color:#FBFBFB;
	color: #777777;
}
.gvEditRowStyle
{
}
.gvEmptyDataRowStyle
{
}

.GeneralGv1 .gvAlternateRow
{
	background-color: rgb(239, 243, 251);
}
.GeneralGv1 .gvEditRowStyle
{
	background-color: #2461BF;
}
.GeneralGv1
{
	background-color: #fff;
	border: 1px solid #eee;
	width: 100%;
}

.currentPage
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
	color: #b3b3b3;
	text-decoration: none;
}
a.currentPage:hover, a.currentPage:active, a.currentPage:visited
{
	color: #b3b3b3;
	text-decoration: none;
}

.UserOptionBanner
{
	font-weight: bold;
}

.statusDeleted, .statusSent, .statusDraft, .statusPause, .statusSending, .statusWaiting, .statusPreApproval, .statusDisApproval, .statusApprovaled, .statusNRTriggering, .statusPreparing
{
	font-weight: bold;
}
.statusDeleted
{
	color: Red;
}
.statusSent
{
	/*color:#66a6ff;	*/
	color: #ffa500;
}
.statusDraft
{
	color: #777777;
}
.statusPause
{
	color: Gray;
}
.statusSending
{
	color: #7bb81e;
}
.statusNRTriggering
{
	color: #7bb81e;
}
.statusPreparing
{
	color: #7bb81e;
}
.statusWaiting
{
	/*color:#dd0;	*/
	color: #1db4c2;
}

.statusPreApproval
{
    color:#FF0066;
    }
    
.statusDisApproval
{
    color:#CC3300;
    }    
.statusApproved
{
    color:#00CC00;
    }

.announcementTable
{
	width: 95%;
	border: 1px double #ccc;
	background-color: white;
}
.anctTableHeader
{
	color: #ffffff;
	background-color: #a0c0dD;
	font-weight: bold;
	padding-left: 5px;
}
.anctDate
{
	font-size: 0.7em;
	line-height: 2.5em;
}
.anctNormal
{
	height: 100%;
}
.anctLarge, .anctSmall
{
	overflow: auto;
}
.anctLarge
{
	height: 500px;
}
.anctSmall
{
	/*Height:200px;*/
}
/* style of item titles by Announcements and events */
.ItemTitle
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 2.5em;
	display: inline-block;
	color: #50607D;
}

.anctNew
{
	border: 3px double #f4f510;
	background-color: #f4e700;
	color: #fff;
	font-weight: bold;
	font-size: 0.7em;
}
.stepFinished
{
	font-size: large;
	color: #6a6;
}
.stepNotFinished
{
	font-size: large;
	color: #e66;
}

.StaticMenuItemStyle
{
	background-color: #E0F0FD;
	padding: 2px 3px 2px 3px;
	border: #A0C3DD 1px Solid;
	border-bottom: 1px solid #E0F0FD;
}
.StaticSubMenuItemStyle
{
}
.StaticHoverStyle, .DynamicHoverStyle
{
	background-color: #FEFEFB;
	color: #fff;
}

.DynamicMenuStyle
{
	padding: 0px;
}

.StaticSelectedStyle, .DynamicSelectedStyle, .StaticSubMenuItemStyle, .SubMenu
{
	background-color: #fafcff;
}
.StaticSelectedStyle
{
	border-bottom: 2px solid #fafcff;
}
.DynamicMenuItemStyle
{
	background-color: #E0F0FD;
	padding: 2px 8px 2px 8px;
	border: 1px solid #A0C3DD;
}

.Menu
{
	color: #284E98;
	line-height: 1.5em;
}
/*
.SubMenu
{ 
	min-width:800px;
	padding:2px 3px 2px 3px;
	border-top:0px;	
	border-left:#A0C3DD 1px Solid;
	border-bottom :#A0C3DD 1px Solid;
	border-right:#A0C3DD 1px Solid;
	line-height:1.5em;
}*/
.buildlist th, .buildlist td
{
	text-align: left;
	vertical-align: top;
}

.deletedCampaign
{
	font-size: larger;
	text-align: center;
	border: 1px #aaa dashed;
	background-color: #ffd;
	padding: 5px;
}
.navMenu_tab
{
	/*border-bottom: 1px solid #fff; */
}

.catBox
{
	text-align: left;
	display: none;
	position: absolute;
	z-index: 900;
	background-color: white;
	border: 1px solid #aaa;
}
.catmore
{
	font-size: 0.7em;
}
.catList
{
	margin: 2px 0px 2px 16px;
	padding: 3px;
}

.mask
{
	top: 0px;
	left: 0px;
	width: 3000px;
	height: 3000px;
	z-index: 1000;
	position: absolute;
	display: none;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	background-color: #333;
}
.maskcontent
{
	display: none;
	background-color: #fff;
	color: #000;
	z-index: 1500;
	position: absolute;
	top: 35%;
	left: 25%;
	border: 2px #5577ee solid;
	padding: 20px;
	width: 50%;
}



.tabs
{	
	font-size: 90%;
	line-height: normal;
	font-family:Verdana, Arial, Sans-Serif;
	height:40px;
} 
.tabs a
{	
	margin: 0;
	text-decoration: none;
	display:block;
	float: left;
	padding: 5px 8px 5px 8px !important;
	color: #FFFFFF;
	font-weight:bold;
}
.tabs a span
{
	float: left;
	display: block;
	padding: 5px 12px 5px 12px;
	color: #FFFFFF;
	font-weight:bold;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span
{
	float: none;
}
/* End IE5-Mac hack */
.tabs a:hover span
{
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.tabs a:hover, .tabs .currentTab a
{
	background-position: 0% -42px;
}
.tabs .currentTab a
{
	background-position: 100% -42px;
	color: #FFFFFF;
	background-color:#666666;
}

.tabs a:link,.tabs a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.tabs a:hover
{
	background-position: 100% -42px;
	color: #88b6fb;
	background-color:#0068B1 !important;
}
.tabs .currentTab a span
{
	background-position: 100% -42px;
	color: #FFFFFF;
	background-color:#666666;
}
.tabs a:hover span
{
	background-position: 100% -42px;
	color: #FFFFFF;
	background-color:#000000;
}

.tabs li
{
	list-style:none;
	padding:7px 0px 7px 0px;
}

#siteMapPath 
{
	clear:both;
	background-color:#F8F8F8;	
	border-top:none;
	border-bottom: #EEEEEE 1px solid;
	color:#333;
	padding:5px;
}
#siteMapPath , #siteMapPath a
{
	color:#333;
}
#siteMapPath li
{
	list-style :none;
}
#submenu 
{
	font-size:12px;
	
}
#submenuC,.submenuC
{
	font-size:14px;
  font-weight:bold;
}

#sitePath , .sitePath
{	
}
#sitePathS , .sitePathS ,#sitePathC,.sitePathC
{	
	font-weight:bold;
}

.steps .activeStep{
	font-size:large;color:#284E98;
}
.steps .step{
	font-size:medium;color:#ddd;font-weight:bold;
}

#HeaderDiv{
	background-color: #25A8E0;
	height: 22px;
	width: 100%;
	border-bottom: 1px solid black;
	z-index:0;
}
#HeaderDiv a{
	color:White ;
	font-size:14px;
	line-height:22px;
}
#HeaderDiv a img
{
	border:0px;
}

#FooterDiv{
	background-color: #333333;
	height:100px;
	padding-top:20px;
	color:#AAA;
}
#FooterDiv a{
	color:#AAA;
}
#FooterDiv a:hover{
	color:White;
}

#MenuDiv 
{
	background-color:#333;
	height:40px;
	vertical-align:middle;
}

#Table1 .row {
    padding:2px 0 2px 0;
}

#Table1 .row span {
    margin-top:3px;
}

.useraccount_botton {
    padding:1px 5px 1px 5px;color:White;background-color:#1db0be;border-width:1px;border-color:#1db0be;border-radius:2px;
}

.useraccount_botton:hover 
{
	text-decoration: none;
    background-color:White;
	color: #1db0be;
    border-width:1px;border-color:#1db0be;border-radius:2px;
}