/* ------------------------------------------------------------------------------
   Name:        CSGDefault.css
   Author:      CSG IS
   Created:     09-Feb-2009
   Used By:     Csg Public .NET Web Application
   Description: Defines Styles for HTML Elements for CSG
   ==============================================================================
   Modified:    
   By       Date		       Reason
   ==============================================================================
------------------------------------------------------------------------------ */

/* START overriding hard coded font size in IT default.css so that font adjusts when users selects different text size in browser*/

/* Body is not set to 1em because that is too large. Keep this in
mind when setting font size for other elements that are children of body.
When you use ems then the size is relative to the parent size
so of body is 0.81 em and a div inside body is set to 1.0em that means
the div will render as 0.81.
http://www.bigbaer.com/css_tutorials/css_font_size.htm
 */
body {font-size: 0.81em} 

h1 {font-size: 1.50em;}
h2 {font-size: 1.25em;}
h3 {font-size: 1.00em;}
h4 {font-size: 0.81em;}

/* END overriding hard coded font size*/


/* START menu styles*/
#csgnav
{
    margin: 0;
    padding: 0px 0px 0px 109px;
    background-color: #000;
    margin-bottom: 18px;
    height: 1.13em;
    text-align: left;
    min-width: 750px;
}
#csgnav ul { margin: 0; padding:0; padding-top: 0px; list-style-type: none;}
#csgnav ul li {list-style-type:none;	margin:0; padding: 0; display: inline;	padding-top: 0px;}
#csgnav ul li.first {display: inline;padding-left: 109px;margin-top: 0px;padding-top: 0px;}
#csgnav li a.lastNav{	padding-right: 0px;} 
#csgnav li a:link {
	color:#fff;
	font-size:0.75em;
	text-decoration:none;
	padding: 0 20px 0 0;
	margin-top: 0px;
	margin: 0;
}	
#csgnav li a:visited { color:#fff; font-size:0.75em; text-decoration:none;padding-right: 14px;	}	
#csgnav li a:hover { color: #FFcc66;	font-size:0.75em;	text-decoration:none;padding-top: 0px;padding-right: 14px;}	
#csgnav li a:active { color:#fff; font-size:0.75em; padding-top:0px; text-decoration:none;	}

/*Apply this class to the globalnavbar so the links will be white.*/
.globalnavbar { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-weight: bold; text-decoration: none}
a.globalnavbar:link { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.globalnavbar:visited { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.globalnavbar:hover { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif";  font-weight: bold; text-decoration: none}
a.globalnavbar:active { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-weight: bold; text-decoration: none}

/*Apply this class to the blackbar text so the links will be white and have a gold hover.*/
.blackbar { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif";text-decoration: none}
a.blackbar:link { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.blackbar:visited { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif";  text-decoration: none}
a.blackbar:hover { color: #FFCC66; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.blackbar:active { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}

.blackbarDynamic {  background-color: Black; color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif";  text-decoration: none}
a.blackbarDynamic:link { background-color: Black; color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif" }
a.blackbarDynamic:visited { background-color: Black; color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif";  text-decoration: none}
a.blackbarDynamic:hover { background-color: Black; color: #FFCC66; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif" }
a.blackbarDynamic:active { background-color: Black; color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif" }

/* END menu styles*/

/* START Bullets, Numbered Lists etc*/
/* Apply this to bulleted lists to make square bullets.  */
.bullets { 	font-size: 0.81em; color: #333333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; list-style-type: square }

/*ordered lists*/
.discNoMargin{list-style-type:disc; margin-top:0px; margin-bottom:0px}
.squareNoMargin{list-style-type:square; margin-top:0px; margin-bottom:0px}

/* END Bullets, Numbered Lists etc*/


/* START Header Styles*/
.CommunityServices { font-size: 1.80em; color: #3399CC; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif  }
.SecondaryTitle { font-size: 1.50em; color: #FFCC00; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif  }

table.Header 
{
    background:#003366;
    width:100%; 
    border:none;
}

/* This style works together with SkinId HeaderImage. */
td.HeaderImageCell
{
    width:140px;
    height:58px;
}
/* End Header Styles*/




/* START Sidebar Styles*/
/*Apply this class to the sidelink text - color can be modified to match your colour scheme. Do not remove the hover underline.*/
.sidelink {
    text-decoration: none;
    text-align: right;
    white-space: normal;
    font-size:0.95em;
}

.sidelinkblue {
    color: #003366;
    font-family: Verdana, Arial, "Trebuchet MS", san-serif;
}
.sidelinkred {
    color: #B91C1C;
    font-family: Verdana, Arial, "Trebuchet MS", san-serif;
}

a.sidelinkred:link { color: #B91C1C; text-decoration: none }
a.sidelinkred:visited { color: #B91C1C; text-decoration: none}
a.sidelinkred:hover { color: #B91C1C; text-decoration: underline }
a.sidelinkred:active { color: #B91C1C; text-decoration: none}

a.sidelinkblue:link { color: #003366; text-decoration: none }
a.sidelinkblue:visited { color: #003366; text-decoration: none}
a.sidelinkblue:hover { color: #003366; text-decoration: underline }
a.sidelinkblue:active { color: #003366; text-decoration: none}

/*We don't want dynamic menu items to wrap*/
.sidelinkDynamic {white-space: nowrap;}

/*This is the sidebartitle style. Colour has been changed to match our colour scheme. Fonts and sizes should stay as they are.*/
.sidebartitle { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.75em; color: #CC3300; text-decoration: none }
a.sidebartitle:link { color: #CC3300; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.sidebartitle:visited { color: #CC3300; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}
a.sidebartitle:hover { color: #CC3300; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.sidebartitle:active { color: #CC3300; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}

/* END Sidebar Styles*/

/* START Links */
/*This is the default link style for any links that you do not apply a class to. These are the City standard and should not be changed.*/
a:link { color: #000066; text-decoration: underline}
a:visited { color: #003300; text-decoration: underline}
a:hover { color: #000066; text-decoration: underline}
a:active { color: #000066; text-decoration: underline}
/* END Links */


/* START Other Styles*/

/*This is the smalltext style.*/
.smalltext { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.63em; color: #333333 }
.smalltextbold { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.63em; font-weight: bold; color: #333333 }
.smalltextred { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.63em; color: #CC3300 }
.smalltextredbold { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.63em; font-weight: bold; color: #CC3300 }


/*required fields*/
span.RequiredField
{
	color: red;
}

/*CSGGridView*/
.Bottomborder
{
    border-bottom:Solid thin #C0C0C0;
    border-left:Solid thin white;
    border-right:Solid thin white;
}

/* This is used for GridView, DetailsView Control's caption property*/
caption
{
    background-color: #D9E2EA;
    color: #003366;
    font-size: 1.30em;
    font-weight: bold;
    text-align:left; 
}

/*error content*/
div.errorContent {  margin-top:20px; margin-left:20px; margin-right:20px; text-align:center; 
                    vertical-align:top;  border-style:dashed;  padding-top:10px; padding-bottom:10px;
                    border-color:#B91C1C ; border-width:1px;  background:#FFFFE1; }

.validationSummary
{
    border-color:#B91C1C;
    border-style:dashed;
    border-width:1px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    color: #B91C1C;
    background-color: #FFFFE1;
    text-align: left;
}
.validationSummary li {
	list-style-type:disc;
    color: #B91C1C;
}

/* For CSGDetailsView*/
.DetailsViewControlStyle{ margin-left:15px}
.DetailsViewFieldHeaderStyle{ padding-right:5px;} 

/* END Other Styles*/