/*

*/


/******************************************************* BASIC TAGS */

body
{
	background-color:#666; 
	color:black;
	margin:0;
	padding:0;
}

p, td
{
	margin-top:12px;
	margin-bottom:12px;
}

li
{
	margin-top:6px;
	margin-bottom:6px;
}

ol, ul
{
    margin-top: 12px;
    margin-bottom: 5px;
}

ul
{
	list-style-type:square;
}

ul li ul
{
	list-style-type:circle;
	margin-top:0;
	margin-bottom:12px;
}

dt
{
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	color:#666;
	margin:12px 0 2px 0;
}

dd
{
	margin:3px 0 12px 0;
}

hr
{	color:gray;
	height:1px;
}	

img
{
	display:inline;
}



/****************************************************************** NAVIGATION TOOLS */

div#Crumbs, table#Crumbs td,
ul#SiblingMenu
{
	background-color:#DDD;
	padding: 4px 5px 5px 5px;
	font-size:9px;
	line-height:13px;
}

#Crumbs a
{
	font-size:9px;
}

#Crumbs a:hover
{
	color:Black;
	text-decoration:none;
}


ul#SiblingMenu
{
	background-color:#EEE;
	margin:0;
	list-style:none;
	padding:0;
	border-top:1px solid #DDD;
	border-top:1px solid #AAA;
}

ul#SiblingMenu li
{
	border-bottom:1px solid #DDD;
	line-height:15px;
	padding:0;
	margin:0;
}

ul#SiblingMenu a
{
	font-size:9px;
	display:block;
	padding:2px 10px;
	font-weight:normal;
}

ul#SiblingMenu a:hover
{
	background-color:White;
	text-decoration:none;
}

ul#SiblingMenu li.Selected a,
ul#SiblingMenu li.Selected a:hover
{
	background-image:url(../images/dingbats/arrow.selected.gif);
	background-position:3px left;
	background-repeat:no-repeat;
}

ul#SiblingMenu li.Selected a
{
	font-weight:bold;
	color:Black;
}	


/****************************************************************** MENUS */
/* 
For use with Batiste drop-down menus 
http://www.magnin-sante.ch/journal/html/menu3/menuhorizontal.htm
*/

ul#Menu
/* Menu container (level 1) */
{
    display:block;
    margin:0;
    padding:0;
	height:20px;
	margin-bottom:2px;
	white-space:nowrap;
}

ul#Menu ul
/* SubMenu containers (level 2+) */
{
    position:absolute;
    margin-top:-1px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:-1px;
    padding:0;
	border-top:1px solid #ddd; 
    height:30em; /* ie5 mac hack (eliminate border) */
    visibility:hidden;
    width:200px; 
}

ul#Menu li
{
    list-style:none;
    margin:0;
    padding:0;
	line-height:16px;
	font-size:10px;
}

ul#Menu ul ul
/* Sub-SubMenu containers (level 3+) */
{
	border-top:1px solid #bbb;
}

    
ul#Menu ul li
/* SubMenu list items */
{
	border-left:none;
    border-right:none;
	line-height:16px;
	width:250px;
    background-color:#eee;
}

ul#Menu li li ul
/* Sub-subMenu containers (level 3+) */
{
    margin-top:-22px;
    margin-left: 270px; 
}


/********** Menu hyperlink formatting */

ul#Menu li li a,
ul#Menu li a,
ul#Menu a
/* All links */
{
    color:#636698;
    font-size:9px;
    display:block;
    text-decoration:none;
	font-weight:normal;
    padding:3px 7px 2px 7px;
    border-right:1px solid #ddd;
	white-space:nowrap;
}

ul#Menu li li a,
ul#Menu li li a.Selected
/* SubMenu links only (level 2+) */
{
	display:block;
    width:100%; /* subtract left-right padding from ul/li width: e.g. 130 = 150 - 10 - 10 */
    padding:3px 10px 2px 10px;
    border:none;
    font-weight:normal;
}

ul#Menu li li a.Selected
{
/* Selected items (level 2+) */
	background-image:url(../images/dingbats/arrow.selected.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	font-weight:bold;
	background-color:#eee;
}

ul#Menu li li a.HasChildren
{
/* Items with submenus */
	background-image:url(../images/dingbats/arrow.haschildren.gif);
	background-repeat:no-repeat;
	background-position:260px 5px;
}


ul#Menu li li a.Selected:hover,
ul#Menu li li a:hover,
ul#Menu a:hover
/* All links on hover */
{
	text-decoration:none;
	background-color:#f5f5f5;
	color:White;
}

ul#Menu li li a.Selected,
ul#Menu li li a.Selected:hover
{
	color:Black;	
}
    
ul#Menu li li a:hover
/* SubMenu links only on hover (level 2+) */
{
	
}    

ul#Menu a.Selected,
ul#Menu a.Selected:hover
/* 1st-level selected links */
{
	background-color:#bfbfbf;
	color:White;
	font-weight:bold;
}

/* for a mozilla better display with key nav */
ul#Menu a:focus
{
    background-color: #aaa;
}

/* hide some accessibility stuff */
ul#Menu span.hide 
{
    display:none;
}

ul#Menu li li
{
    border-bottom: 1px solid #ddd;
}
    
/* commented backslash hack v2 for IE mac \*/
ul#Menu li
{
    display:block;
    float:left;    
}
/* end hack */
    
/* IE PC selector */
* html ul#Menu li 
{
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    float/**/:left; /* for IE6 and IE5.5 */
}


/****************************************************************** LANGUAGE MENUS */

ul#LanguageMenu
{
	display:block;
	float:right;
	height:21px;
	margin:0;
	padding:0;
	white-space:nowrap;
}

ul#LanguageMenu li
{
	display:inline;
	margin:0;
	white-space:nowrap;
	list-style:none;
}

ul#LanguageMenu li a
{
	font-weight:normal;
	font-size:9px;
	line-height:20px;
	text-decoration:none;
	border-left:1px solid #bbb;
	padding:6px 10px 6px 10px;
}

ul#LanguageMenu a:hover
{
	text-decoration:none;
	background-color:#f5f5f5 ;
	color:White;
}

ul#LanguageMenu li.SelectedLanguageMenuItem a
{
	background-color:#bbb;
	color:White;
	font-weight:bold;
}



/******************************************************* MISCELLANEOUS CLASSES */

.Clear
{
    clear:both;
}

.Hidden, .Ahem
{
	display:none;
}

.Visible
{
}

.PhotoFull
{
	padding:10px;
	text-align:center;
}

img.PhotoFrame
{ 
	border:3px double #471516;
	padding:0px;
}

.PhotoRight, PhotoLeft
{
	/* Used to float a photograph on the right margin. */
    float:right;
	position:relative;
	right:0;
    padding:0 0 5px 10px;
	background:white;
    width:250px;
}

.PhotoLeft
{
	/* Used to float a photograph on the left margin. */
    float:left;
	padding:0 20px 10px 0;
}

.FileInfo
{
	/* Used for file type and size labels, e.g. (PDF, 23 KB) */
	color:Gray;
	font-size:9px;
}

.RightCallout
{
	float:right;
	width:200px;
	padding-left:20px;
	background:#edede4;
	background:white;
}

.RightCallout h2
{
	font-weight:bold;
	font-size:14px;
	color:#666;
	margin-top:18px;
}

.Error
{
	font-weight:bold;
	font-size:10px;
	color:Red;
}

.GrayOut
{
	color:silver;
}

.SubMenu
{
	font-size:9px;
	font-weight:bold;
}

.SubMenu a
{
	font-weight:normal;
}

.OnThisPage
{
	font-size:9px;
}

.OnThisPage a
{
	white-space:nowrap;
}

.Caption
{
	font-weight:bold;
	font-size:9px;
	color:Gray;
}

a.BulletLink
{
	display:inline-block;
	padding-left:15px;
	background-image:url(../images/dingbats/go.blue.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
}

p.BulletLink,
a.BulletLinkSeparate
{
	display:block;
	background-image:url(../images/dingbats/go.blue.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	padding:2px 0px 3px 15px;
	line-height:12px;
}

p.BulletLink
{
	padding-left:20px;
	background-position:5px 3px;
}


a.BulletLink:hover,
a.BulletLinkSeparate:hover
{
	background-image:url(../images/dingbats/go.orange.gif);
}

li.BulletLink
{
	list-style-image:url(../images/dingbats/go.blue.gif);
	margin-left:5px;
	padding-top:0;
}




/****************************************************************** DOCUMENT BULLETS */




li.DocPDF,
li.DocDOC,
li.DocRTF,
li.DocXLS,
li.DocCSV,
li.DocMDB,
li.DocTXT,
li.DocZIP,
li.DocHTM,
li.DocPPT,
li.DocGIF,
li.DocEPS,
li.DocJPG,
li.DocTIF,
li.DocAI,
li.DocGeneric,
li.DocXXX
{
    padding-top:0;
	padding-left:5px;
	line-height:15px;
}

li.DocPDF	{	list-style-image:url(../images/icons/document.pdf.gif);}
li.DocDOC {	list-style-image:url(../images/icons/document.doc.gif);}
li.DocRTF	{	list-style-image:url(../images/icons/document.rtf.gif);}
li.DocXLS	{	list-style-image:url(../images/icons/document.xls.gif);}
li.DocCSV	{	list-style-image:url(../images/icons/document.csv.gif);}
li.DocMDB	{	list-style-image:url(../images/icons/document.mdb.gif);}
li.DocTXT	{	list-style-image:url(../images/icons/document.txt.gif);}
li.DocZIP	{	list-style-image:url(../images/icons/document.zip.gif);}
li.DocHTM	{	list-style-image:url(../images/icons/document.htm.gif);}
li.DocPPT	{	list-style-image:url(../images/icons/document.ppt.gif);}
li.DocGIF	{	list-style-image:url(../images/icons/document.gif.gif);}
li.DocEPS	{	list-style-image:url(../images/icons/document.eps.gif);}
li.DocJPG	{	list-style-image:url(../images/icons/document.jpg.gif);}
li.DocTIF	{	list-style-image:url(../images/icons/document.tif.gif);}
li.DocAI		{	list-style-image:url(../images/icons/document.ai.gif);}
li.DocGeneric {	list-style-image:url(../images/icons/document.generic.gif);}
li.DocXXX	{	list-style-image:url(../images/icons/document.xxx.gif);}


p.DocCSV,
p.DocDOC,
p.DocHTM,
p.DocMDB,
p.DocPDF,
p.DocPPT,
p.DocPPS,
p.DocRTF,
p.DocTXT,
p.DocXLS,
p.DocGIF,
p.DocEPS,
p.DocJPG,
p.DocTIF,
p.DocAI,
p.DocZIP,
p.DocGeneric,
p.DocXXX,
p.DocRegistrationRequired
{
    line-height:14px;
	background-position:0 0;
	background-repeat:no-repeat;
	padding:2px 0 3px 20px!important;
}

p.DocCSV {background-image:url(../images/icons/document.csv.gif);}
p.DocDOC {background-image:url(../images/icons/document.doc.gif);}
p.DocHTM {background-image:url(../images/icons/document.htm.gif);}
p.DocMDB {background-image:url(../images/icons/document.mdb.gif);}
p.DocPDF {background-image:url(../images/icons/document.pdf.gif);}
p.DocPPT {background-image:url(../images/icons/document.ppt.gif);}
p.DocPPS {background-image:url(../images/icons/document.ppt.gif);}
p.DocRTF {background-image:url(../images/icons/document.rtf.gif);}
p.DocTXT {background-image:url(../images/icons/document.txt.gif);}
p.DocXLS {background-image:url(../images/icons/document.xls.gif);}
p.DocGIF {background-image:url(../images/icons/document.GIF.gif);}
p.DocEPS {background-image:url(../images/icons/document.EPS.gif);}
p.DocJPG {background-image:url(../images/icons/document.JPG.gif);}
p.DocTIF {background-image:url(../images/icons/document.TIF.gif);}
p.DocAI {background-image:url(../images/icons/document.AI.gif);}
p.DocZIP {background-image:url(../images/icons/document.zip.gif);}
p.DocGeneric {background-image:url(../images/icons/document.generic.gif);}
p.DocXXX {background-image:url(../images/icons/document.xxx.gif);}
p.DocRegistrationRequired {background-image:url(../images/icons/document.r.gif);}

li.DocPDF strong,
li.DocDOC strong,
li.DocRTF strong,
li.DocXLS strong,
li.DocCSV strong,
li.DocMDB strong,
li.DocTXT strong,
li.DocZIP strong,
li.DocHTM strong,
li.DocPPT strong,
li.DocGIF strong,
li.DocEPS strong,
li.DocJPG strong,
li.DocTIF strong,
li.DocAI strong,
li.DocGeneric strong,
li.DocXXX strong,
p.DocPDF strong,
p.DocDOC strong,
p.DocRTF strong,
p.DocXLS strong,
p.DocCSV strong,
p.DocMDB strong,
p.DocTXT strong,
p.DocZIP strong,
p.DocHTM strong,
p.DocPPT strong,
p.DocGIF strong,
p.DocEPS strong,
p.DocJPG strong,
p.DocTIF strong,
p.DocAI strong,
p.DocGeneric strong,
p.DocXXX strong
{
    color:Gray;
    font-weight:bold;
    font-size:9px;
}






/* END OLD COMMON.CSS */

/* BEGIN MAIN.CSS */

/* Reset display for items that are made invisible in print.css */
p#PageTools,
div.AdminHeader,
div#MenuContainer,
.noprint,
.NoPrint,
.TabStrip,
.FilterPanel
{
	display:block;
}

.PrintOnly
{
    display:none;
}

a.BulletLink
{
	display:inline-block;
}

td#SidebarCell,
td#FooterLeft,
td#FooterRight
{
	display:table-cell;
}

/***************************************************************** HTML ELEMENTS */

body
{
	margin:0;
	text-align:center;
}

body, p, td, ul, li
{
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
	color:#555 ; 
	font-size:11px;
	line-height:16px;
}

h1,
.FormFieldH1
{
	font-family:Georgia,'Times New Roman',Times,serif;
	font-size:23px;
	line-height:26px;
	font-weight:normal;
	margin:12px 0 6px 0;
	padding-bottom:5px;
	border-bottom:2px dotted #E6AD3B ;
}

h2,
.FormFieldH2
{
	font-family:Georgia,'Times New Roman',Times,serif;
	font-style:italic;
	font-weight:normal;
	font-size:18px;
	line-height:21px;
	margin:24px 0 6px 0;
}
	

h3,
.FormFieldH3
{
	font-family:Georgia,'Times New Roman',Times,serif;
	font-weight:normal;
	font-size:15px;
	line-height:18px;
	margin:18px 0 6px 0;
	padding-bottom:4px;
	border-bottom:1px solid #E6AD3B ;
}

h4,
.FormFieldH4
{
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size:11px;
	line-height:14px;
	font-weight:bold;
	color:black;
    padding-bottom:0px;
	margin-bottom:6px;
}

h5
{
	font-weight:bold;
	color:black;
	font-size:9px;
	margin:6px 0 0 0;
}

h1.Tight,
h2.Tight,
h3.Tight,
h4.Tight
{
	margin-top:9px;
	margin-bottom:0;
}

a
{
	color:#4873CE ; 
	text-decoration:none;
	font-weight:bold;
}

a:visited
{
}

a:hover 
{
	text-decoration:none;
	color:#EF0027;
}	 


ul
{
	margin-top:0px;
	margin-bottom:6px;
	margin-left:15px;
}

p
{
	margin-top:0px;
	margin-bottom:6px;
}

li
{
	margin-top:0px;
	margin-bottom:3px;
}

hr
{
	height:2px;
	border-style:dotted;
	color:#CF9C35;
	margin-top:12px;
	margin-bottom:12px;
}


/****************************************************************** MENU COLORS */
/* 
For use with Batiste drop-down menus 
http://www.magnin-sante.ch/journal/html/menu3/menuhorizontal.htm
These styles are defined in Common.css
*/

ul#Menu
{
	margin:0;
	height:18px;
}

ul#Menu ul
/* SubMenu containers (level 2+) */
{
	border:none;
	margin-top:0px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	z-index:999;
}

ul#Menu ul ul
/* Sub-SubMenu containers (level 3+) */
{
}
    
ul#Menu ul li
/* SubMenu list items */
{
	width:150px;
	background-color:#4873CE ;
}

ul#Menu li li ul
/* Sub-subMenu containers (level 3+) */
{
    margin-top:-22px;
    margin-left: 270px; 
}


/********** Menu hyperlink formatting */

ul#Menu li li a,
ul#Menu li a,
ul#Menu a
/* All links */
{
    color:white;
    border-right:1px solid #325190 ;
    border-left:1px solid #7F9DDD ;
    font-size:10px;
    line-height:15px;
    padding-bottom:4px;
 }

ul#Menu a.Selected,
ul#Menu a.Selected:hover
/* 1st-level selected links */
{
	background-color:#EF0027 ;
    border-right:1px solid #A7001B ;
    border-left:1px solid #F44C68;
    font-weight:normal;
}

ul#Menu a:hover,
ul#Menu a.Hover
/* All links on hover */
{
	background-color:#E6AD3B  ;
    border-right:1px solid #A17929;
    border-left:1px solid #EEC676 ;
}

ul#Menu li li a
/* level 2+ links */
{
	border:1px solid;
	background:#5A81D3;
	border-color:#91ABE2 #3A5CA5 #3A5CA5 #91ABE2 ;
    line-height:13px;
    padding-bottom:3px;
	width:128px;
}

ul#Menu li li a.Selected
{
/* Selected items (level 2+) */
	background-color:#EF0027 ;
    border-right:1px solid #A7001B;
    border-left:1px solid #F44C68;
}

ul#Menu li li a.Selected,
ul#Menu li li a.Selected:hover
{
	width:100%;
	color:White;
	width:128px;	
	background-color:#EF0027;
	border:1px solid;
	border-color: #F44C68 #A7001B #A7001B #F44C68  ;
    height:14px;
    font-weight:normal;
}

ul#Menu li li a:hover,
ul#Menu li li a.Hover
/* 2nd-level links on hover */
{
	background-color:#E6AD3B ;
	border:1px solid;
	border-color: #EEC676 #A17929 #A17929 #EEC676  ;
	color:White;
}


/* for a mozilla better display with key nav */
ul#Menu a:focus
{
}

ul#Menu li li
{
	border-bottom:none;
}


/***************************************************************** CONTENT AREAS */

div#MainWrapper
{
	margin:0 auto;
	width:925px;
	background:White url(../images/background.gif) repeat-y;
	padding:0;
	text-align:left;
}

div#Main
{
    clear:both;
    background:transparent url(../images/masthead.background.gif) no-repeat;
    padding:0 25px 0px 100px;
}

div#MastheadImages
{
    padding-right:0px;
    text-align:right;
}

div#MenuContainer
{
	background:#4873CE;
	height:22px;
	width:800px;
	text-align:left;
}

div#MastheadTop
{
	border-bottom:1px solid white;
}

div#MainBody
{
	padding:5px 20px 20px 20px;
}

td#MainCell
{
	border-right:1px solid white;
}



/**************************** Big newsletter & membership signup button */

a.BigButton
{
    display:block;
    position:relative;
    background:url("../images/button.background.gif") no-repeat right top;
	text-align:left;
	font-size:10px;
	line-height:27px;
	height:27px;
	width:220px;
	color:Black;
	font-weight:bold;
	padding-right:10px;
	margin-left:10px;
	padding-bottom:1px;
}

a.BigButton span
{
    display:block;
    position:absolute;
    height:28px;
    line-height:14px;
    padding:6px 15px 6px 30px;
    background:no-repeat left top;
}

a.BigButton:hover
{
	color:Black;
    background-image:url("../images/button.background.over.gif");
    cursor:pointer;
    text-decoration:none;
}

a.MailButton span { background-image:url(../images/cwt/button.send.square.gif); }
a.MemberButton span { background-image:url(../images/cwt/button.go.square.gif); }


/**************************** Credit */


div#Credit
{
	margin:0 auto;
	width:875px;
	padding:0px 25px 45px 25px;
	background-image:url(../images/background.bottom.gif);
	background-repeat:no-repeat;
}

div#Credit a
{
    font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
	color:#555;
	font-size:9px;
	line-height:12px;
    display:block;
	height:20px;
	width:100px;
	float:right;
	padding:12px 0px 20px 40px;
	background:transparent url(../images/cwt.off.gif) no-repeat;
	text-align:left;
}

div#Credit a:hover
{
	color:#444;
	text-decoration:none;
	background-image:url(../images/cwt.on.gif);
}


/* Sidebar cell */

td#SidebarCell
{
	background:#E6AD3B ;
	background-image:url(../images/sidebar.background.gif);
	color:White;
}

td#SidebarCell div.DividerDotted
{
    height:10px;
    line-height:10px;
	background-image:url(../images/dots.white.gif);
	background-repeat:repeat-x;
	clear:both
}

td#SidebarCell div.DividerSolid
{
    height:10px;
    line-height:10px;
	border-bottom:1px solid white;
	clear:both;
}

td#SidebarCell p.Welcome
{
	color:White;
	font-size:11px;
	margin-top:0;
	margin-bottom:0px;
}

td#SidebarCell p.MemberSince
{
	font-size:9px;
	color:#555;
	margin-top:0px;
}

td#SidebarCell a.BulletLinkSeparate
{
	color:#222;
	display:block;
	background-image:url(../images/dingbats/go.222.gif);
	background-position:8px 6px;
	font-weight:normal;
	margin-top:1px;
	line-height:15px;
	padding:3px 5px 3px 23px;
}

td#SidebarCell a.BulletLinkSeparate:hover
{
	color:White;
	background-color:#4873CE;
	border:1px solid;
	border-color:#7F9DDD #325190 #325190 #7F9DDD ;
	background-image:url(../images/dingbats/go.white.gif);
	text-decoration:none;
	padding:2px 4px 2px 22px;
}


td#SidebarCell div.TextWrapper
{
	padding:0 10px;
}

td#SidebarCell h1
{
	color:White;
	font-style:italic;
	border-bottom:none;
	font-size:19px;
	line-height:22px;
	margin:12px 0 3px 0;
}

td#FooterLeft,
td#FooterRight
{
	vertical-align:top;
	padding:10px;
}

td#FooterLeft p,
td#FooterRight p
{
	font-size:9px;
}

td#FooterLeft
{
	background-image:url(../images/dots.yellow.gif);
	background-repeat:repeat-x;
	padding-left:27px;
	
}

td#FooterRight
{
	background-color:#4873CE;
	border-top:1px solid white;
}

td#FooterRight p
{
	color:White;
}

td#FooterRight a
{
	color:#E6AD3B ;
}

a.MailLink,
td#FooterRight a.MailLink
{
	display:inline-block;
	padding-left:15px;
	background-image:url(../images/dingbats/mail.blue.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	font-size:10px;
}

a.MailLink:hover
{
	background-image:url(../images/dingbats/mail.red.gif);
}

td#FooterRight a.MailLink
{
	color:#E6AD3B ;
	background-image:url(../images/dingbats/mail.yellow.gif);
}

td#FooterRight a.MailLink:hover
{
	color:White;
	background-image:url(../images/dingbats/mail.white.gif);
	text-decoration:none;
}

td#FooterRight a.BulletLink
{
	background-image:url(../images/dingbats/go.yellow.gif);
}

td#FooterRight a.BulletLink:hover
{
	background-image:url(../images/dingbats/go.white.gif);
	color:White;
	text-decoration:none;
}

/****************************************************************** EVENT LISTINGS */

td.EventPhotoCell,
td.EventTextCell
{
	vertical-align:top;
	padding-bottom:25px;
	
}

td.EventPhotoCell
{
	padding-right:15px;
}

td.EventTextCell
{
}

td.EventTextCell h1
{
	margin-top:6px;
	margin-bottom:-6px;
	color:#555;
	font-size:20px;
	line-height:22px;	
	border-bottom:none;
}

td.EventTextCell h2
{
	margin-top:2px;
	margin-bottom:0;
	color:#777;
	font-size:14px;
	line-height:16px;
}

td.EventTextCell p
{
	margin-top:3px;
	margin-bottom:0px;
}

p.EventDetails,
td.EventTextCell p.EventDetails
{
	line-height:12px;
	font-size:10px;
	color:#CF9C35;
	margin-top:-2px;
	background-image:url(../images/dots.yellow.gif);
	background-position:0 15px;
	background-repeat:repeat-x;
	padding-bottom:5px;
}

span.EventLanguage
{
	color:#CF9C35;
	font-weight:bold;
	font-size:10px;
}

div.EventListing
{
	margin-top:0px;
	clear:both;
}

div.EventListing img
{
	float:left;
	margin:3px 6px 6px 0;
}

div.EventListing h1
{
	margin-top:0;
	font-size:17px;
}

div.EventListing h2
{
	font-size:13px;
}

div.EventListing p
{
	font-size:10px;
	line-height:14px;
	margin-top:3px;
	margin-bottom:0;
}

div.EventListing p span.EventLanguage
{
	font-weight:normal;
}


div.EventDetail
{
}

div.EventDetail h1
{
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}

div.EventDetail h2
{
	padding-top:3px;
	font-size:15px;
	line-height:17px;
}



/****************************************************************** COURSE LISTINGS */

h2.Dotted,
div.CourseListing h2
{
	background-image:url(../images/dots.yellow.gif);
	background-repeat:repeat-x;
	background-position:0 24px;
	padding-bottom:4px;
}


table.Details
{
	border-collapse:collapse;
	clear:both;
}

table.Details td,
table.Details th
{
	vertical-align:top;
	border-top:1px solid #F8E6C4;
	border-bottom:1px solid #F8E6C4;
	padding:3px 10px 3px 0px;
	font-size:9px;
	line-height:12px;
}

table.Details tr.DataGridHeader td,
div.CourseListing h4,
table.Details th
{
	margin-top:0;
	margin-bottom:2px;
	color:#CF9C35;
	vertical-align:bottom;
	line-height:11px;
}

table.Details span.Title
{
	font-weight:bold;
}

Table.Details td.Price
{
	text-align:right;
	font-weight:bold;
}

Table.Details td.Order
{
	white-space:nowrap;
	padding-right:0px;
	text-align:left;
	width:90px;
}

Table.Details a.BulletLink
{
	font-size:9px;
	padding-right:0;
	background-position:0 1px;
}

.NoLink
{
	font-size:10px;
	padding-left:12px;
	background-image:url(../images/dingbats/no.red.gif);
	background-repeat:no-repeat;
	background-position:0 1px;
	color:Red;
}

p.CourseTypeChooser
{
	font-size:9px;
	padding-top:6px;
	padding-bottom:6px;
}

p.CourseTypeChooser .FormField
{
	font-size:9px;
}

/****************************************************************** NEWS LISTINGS */

p.NewsFullListing
{
	background-image:url(../images/dots.yellow.gif);
	background-position:0 15px;
	background-repeat:repeat-x;
	margin-top:12px;
	
}

p.NewsFullListing a
{
	
}

p.NewsFullListing span.Date
{
	font-size:9px;
	color:#E6AD3B ;
	font-weight:bold;
}

p.Date
{
	font-size:9px;
	color:#E6AD3B ;
	font-weight:bold;
}


/******************************************************************** TERM LISTINGS (SCHOOL CALENDAR) */

div.TermListing
{
}

div.TermListing td.Dates
{
	font-weight:bold;
}


div.TermListing p
{
	margin-top:6px;
}





/****************************************************************** OTHER CLASSES */

div.Divider
{
	height:1px;
	background-image:url(../images/pattern.dot.brown.gif);
	background-repeat:repeat-x;
	margin-top:12px;
	clear:both
}

.DividerAbove
{
	background-image:url(../images/pattern.dot.lightgreen.gif);
	background-repeat:repeat-x;
	clear:both;
	padding-top:4px;
}
	
.PhotoRight, PhotoLeft
{
    padding:0 0 5px 10px;
    z-index:1;
}

.PhotoLeft
{
	padding:3px 10px 5px 0;
}

.InlineDateline
{
	font-weight:bold;
}

.Blurb
{
	font-size:9px;
	line-height:14px;
}

a.BulletLinkUp,
a.BulletLinkDown,
a.BulletLinkBack,
a.BulletLink,
a.BulletLinkSeparate
{
	background-image:url(../images/dingbats/go.blue.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:12px;
	font-size:10px;
	display:inline-block;
}
	
a.BulletLinkUp:hover,
a.BulletLinkDown:hover,
a.BulletLinkBack:hover,
a.BulletLink:hover,
a.BulletLink:hover,
a.BulletLinkSeparate:hover
{
	color:#EF0027;
	background-image:url(../images/dingbats/go.red.gif);
}

a.BulletLinkUp { background-image:url(../images/dingbats/go.up.blue.gif) }
a.BulletLinkDown { background-image:url(../images/dingbats/go.down.blue.gif) }
a.BulletLinkBack { background-image:url(../images/dingbats/go.back.blue.gif) }

a.BulletLinkUp:hover { background-image:url(../images/dingbats/go.up.red.gif) }
a.BulletLinkDown:hover { background-image:url(../images/dingbats/go.down.red.gif) }
a.BulletLinkBack:hover { background-image:url(../images/dingbats/go.back.red.gif) }


p.BulletLink,
a.BulletLinkSeparate
{
	background-position:1px 5px;
	margin-bottom:0;
	line-height:14px;
	display:block;
}

.BoxNote
{
	clear:both;
	background:#FAEFD8;
	padding:5px;
	border:1px dotted #F5DEB1;
	color:black;
}

p.Details
{
	border-bottom:1px solid #e0e0e0;
	margin:0 0 3px 0;
	padding:0px 0 0 0;
	display:block;
	clear: both;
	font-size:9px;
}

.DetailsLabel
{
	font-weight:normal;
	font-size:8px;
	line-height:10px;
	padding:2px 0 4px 0;
	text-transform:uppercase;
	letter-spacing:1px;
	display:inline-block;
	width:130px;
	clear: both;
	vertical-align:top;
}

.Button
{
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
}

.ButtonContainer
{
	margin-top:12px;
	text-align:right;
}

.Note
{
	font-size:9px;
	color:#CF9C35;
}

.Caption
{
	font-weight:bold;
	font-size:9px;
	line-height:13px;
	margin-top:2px;
	color:#CF9C35;
}

span.Answer
	/* used for student responses in the placement test email */
{
	display:inline-block;
	border:1px solid silver;
	padding:1px 5px;
	font-weight:bold;
}


/**************************** Page Tools */

div.PageTools
{
    margin: 36px 0 12px 0;
    height:24px;
}

div.PageTools a
{
    float:right;
    display: inline-block;
    border: 1px solid #CCCCCC;
    padding: 1px 5px 1px 5px;
    margin-left: -1px;
    font-size: 9px;
    line-height:22px;
    height:22px;
    font-weight: bold;
    color:#B2B2B2;
}

div.PageTools a:hover
{
    color:#EF0027;
    text-decoration: none;
}

div.PageTools a img
{
    position:relative;
    top:0px;
    margin:0px 3px 0 0;
}


/****************************************************************** REPORTS */

table.AllClasses
{
}

table.AllClasses td
{
	vertical-align:top;
	padding:0 10px 20px 0;
	
}

table.AllClasses td td
{
	padding:0;
	line-height:15px;
}


/****************************************************************** EDITING TOOLS (OLD) */

.EditingTools
{
	position:absolute;
	display:block;
	color:#ddd;
	padding:0;
	margin:0;
	font-size:8px;
	line-height:10px;
	border:1px solid gray;
	border-width:1px 0 1px 1px;
}

.EditingTools a
{
	display:inline-block ;
	margin:0;
	font-size:8px;
	line-height:10px;
	height:12px;
	text-transform:uppercase;
	font-weight:bold;
	padding:2px 4px 0 4px!important;
	color:white!important;
	background:silver!important;
	border-right:1px solid gray;
	width:auto;
}

.EditingTools a:hover
{
}

li.EditingTools
{
	top:3px;
}

.EditingTools a img
{
	padding:2px 3px 1px 3px;	
	vertical-align:middle;
}

.EditingTools a:hover
{
	background-color:orange;
	text-decoration:none;
	color:White;
}

div.PageContent div.EditingTools
{
	margin-top:-4px;
	margin-left:-4px;
}


/************************************************************************************************** ADMIN STYLES */ 

/****************************************************************** MASTHEAD  */

div#AdminMasthead
{
	height:99px;
	background-image:url(../images/cwt/masthead.background.gif);
	background-repeat:repeat-x;
	border-bottom:3px solid #DF8000;
}

div#AdminMasthead a#MastheadLogo
{
    float:right;
}


div#AdminMasthead p
{
	padding-left:10px;
	margin-top:12px;
	color:White;
	font-family:Arial,Helvetica,Geneva,sans-serif;
	font-size:18px;
	line-height:18px;
}

/* Project ID area */

div#ProjectId
{
    position:absolute;
    top:88px;
    left:15px;
}

div#ProjectId h1
{
    font-family:Arial,Helvetica,Geneva,sans-serif;
    padding-top:12px;
    font-size:24px;
    line-height:26px;
    color:White;
    margin:0;
    font-weight:bold;
}

div#ProjectId h2
{
    font-family:Arial,Helvetica,Geneva,sans-serif;
    font-size:24px;
    line-height:26px;
    color:White;
    margin:0;
    font-weight:bold;
    font-style:normal;
}

div#ProjectId img
{
    float:left;
    margin-right:10px;
}

/* Version ID */
div#AdminMasthead div#VersionId
{
    position:absolute;
    top:88px;
    right:7px;
    color:#797CB3;
    font-size:9px;
    display:none;
}

/***************************************************************	TABSTRIP  */

.TopGroup
{
  z-index:99;
  position:relative;
  padding-left:3px;
}

.DefaultTab 
{
  color:black; 
  background-image: url(../images/componentart/tab_bg.gif);
  font-size:10px; 
  cursor:default;
}

.DefaultTabHover 
{
  color:black; 
  background-image: url(../images/componentart/hover_tab_bg.gif);
  font-size:10px; 
  cursor:default;
}

.SelectedTab 
{
  color:black; 
  background-image: url(../images/componentart/selected_tab_bg.gif);
  font-size:10px; 
  cursor:default;
}

.MultiPage
{
	border-left:1px solid #919B9C;
	border-right:1px solid #919B9C;
}

.PageContent
{
  font-size:10px; 
}

/*************************************************************** GRID */

table.DataGrid
{
	border:1px solid black;
	border-collapse:separate;
	margin-top:-1px;
}

table.DataGrid tr.DataGridHeader td.TableHeading,
table.DataGrid tr.DataGridHeader td,
table.DataGrid th,
table.DataGrid tr.DataGridHeader td.SortUp,
table.DataGrid tr.DataGridHeader td.SortDown
{
/* All heading cells */
	border:none;
	border-left:1px solid white;
	height:24px;
	background:transparent url(../images/componentart/header_rowBg.gif) repeat-x 0 -1px;
	vertical-align:bottom;
	padding:0;
	color:Black;
	font-size:9px;
	line-height:23px;
	font-weight:bold;
	white-space:nowrap;
}

table.DataGrid tr.DataGridHeader td.TableHeading a,
table.DataGrid tr.DataGridHeader td a,
table.DataGrid th a
/* All heading links */
{
	color:Black;
	font-size:9px;
	line-height:23px;
	font-weight:bold;
	white-space:nowrap;
	display:block;
	width:auto;
	height:24px;
	padding:0 5px 0 3px;
}

table.DataGrid tr.DataGridHeader td.TableHeading a:hover,
table.DataGrid tr.DataGridHeader td a:hover,
table.DataGrid th a:hover
/* All heading links on hover */
{
	background-image:url(../images/componentart/header_hoverBg_nobar.gif);
	background-repeat:repeat-x;
}

table.DataGrid tr.DataGridItem td,
table.DataGrid td,
table.DataGrid tr.DataGridItem td.Highlight
/* All regular cells */
{
	background-color:White;
	border:none;
	border-bottom:1px solid #F2F2F2;
	padding:1px 5px;
	line-height:15px;
	vertical-align:middle;
}	

table.DataGrid tr:hover td
{
    background-color:#FAFAFA;
}

table.DataGrid tr.EditItemRow td
table.DataGrid tr.InsertItemRow td
{
    background-color:#E1E1E7;
}


table.DataGrid tr.DataGridItemAlternate td,
table.DataGrid tr.DataGridItem td.Alternate
{
    background-color:#F0F0F3;
    border-bottom:1px solid #D2D2DA;
}

table.InsertRowItem
{
	border:1px solid black;
}

table.InsertRow td
{
    height:25px;
	background-image:url(../images/cwt/glass.purple.25.gif);
	padding:0 5px;
	line-height:15px;
	vertical-align:middle;
}

div.OneLine
{
    height:15px;
    overflow:hidden;
}


table.DataGrid td.LinkColumn a
{
	display:block;
	width:auto;
	background-color:White;	
	padding:0;
	white-space:nowrap;
}

table.DataGrid td.LinkColumn a:hover
{
}

table.DataGrid tr.DataGridItem td.Highlight
{
	background-color:#FCFCFC;
}



table.DataGrid tr.DataGridHeader td.SortUp a,
table.DataGrid tr.DataGridHeader td.SortDown a
{
	padding-left:15px;
	background-repeat:no-repeat;
	background-position:3px center;
}

table.DataGrid tr.DataGridHeader td.SortUp a
{
	background-image:url(../images/icons/sort.up.gif)
}

table.DataGrid tr.DataGridHeader td.SortDown a
{	
	background-image:url(../images/icons/sort.down.gif)
}

table.Report
{
    border:none;
}

table.Report tr.DataGridItem td
{
    background-color:#eee;
    border-bottom:1px solid #ddd;
}

/*************************************************************** FORM */

.FormTitle
{
	font-family:Arial,Helvetica,Geneva,sans-serif;
    font-size:15px;
    line-height:19px;    
    font-weight:bold;
	background:white;
	background-image:url(../images/cwt/glass.lightpurple.37.gif);
	background-repeat:repeat;
	height:22px;
	padding:10px 5px 5px 5px;
	border:1px solid #919B9C;
	margin-top:-2px;
	font-size:15px;
	color:Black;
	margin-top:-2px!important;
}

.id
{
	font-size:9px;
	font-weight:normal;
	float:right;
	color:#aaa;
	margin:0;
}

.FormFooter
{
	background:white;
	background-image:url(../images/cwt/glass.lightpurple.25.gif);
	background-repeat:repeat-x;
	height:15px;
	padding:5px 5px;
	border:1px solid #808080;
	color:Black;
    margin:0;
	font-size:9px;
	font-weight: normal;

}

table.TableForm
{
}

table.TableForm td,
table.TableForm p,
.FormContent, 
div.FormContent,
.UserFormContent,
.FormContent p,
.UserFormContent p
{
    /* Form field cells */
	padding:1px 5px;
	font-size:10px;
	line-height:11px;
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
	background-color:#FBFBFB;
}

table.TableForm td,
.FormContent
{
	border-bottom:1px solid #D9D9D9;
}

td.FormHeading p.FormInstructions,
p.FormInstructions,
span.FormInstructions
{
	background:none;
	padding:0;
	margin:3px 0 6px 0;
	font-size:9px;
	font-weight:normal;
	color:Gray;
	
}

div.FormHeading,
table.TableForm td.FormHeading,
table.TableForm td.UserFormHeading
{
    /* Headings (labels) for form fields */
	font-size:9px;
	font-weight:bold;
	color:#1A1A1A;
	padding:5px;
	background:#F4F4F4;
	border-bottom:1px solid #D9D9D9;
	vertical-align:top;
}

div.FormHeading h3
{
    border:none;
    color:Black;
    font:#Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-weight:bold;
    font-size:11px;
    line-height:13px;
    margin:0;
    padding:0;
}

.PageContent table.DataGrid
{
	border:none;
}

.PageContent td.TableHeading
{
	border:none;
}

/* For richtextbox */
div.RichTextBoxContainer td,
table.TableForm td table td
{
	border-bottom:none;
	border-top:none;
	border-left:none;
	border-right:none;
	padding:0px;
}

.LanguageSelector
{
    margin:12px 0;
    float:right;
}

td.XmlFormCell
{
    padding:5px;
    background: #D2D2DA;
}

td.XmlFormCell table.TableForm
{
    border:1px solid #696885;
}




/***************************************************************** FORM BUTTONS */

a.EndLeftButton,
a.DeleteButton,
a.CancelButton,
a.SaveButton,
a.SendButton,
a.GoButton,
a.UploadButton
{
    display:table-cell;
    background:url("../images/cwt/button.background.gif") no-repeat right top;
	text-align:left;
	font-size:10px;
	line-height:27px;
	height:27px;
	color:Black;
	font-weight:bold;
	padding-right:10px;
	padding-bottom:1px;
}

a.EndLeftButton span,
a.DeleteButton span,
a.CancelButton span,
a.SaveButton span,
a.SendButton span,
a.GoButton span,
a.UploadButton span
{
    display:table-cell;
    height:28px;
    line-height:15px;
    padding:6px 15px 6px 30px;
    background:no-repeat left top;
}

a.EndLeftButton:hover,
a.DeleteButton:hover,
a.CancelButton:hover,
a.SaveButton:hover,
a.SendButton:hover,
a.GoButton:hover,
a.UploadButton:hover
{
	color:Black;
    background-image:url("../images/cwt/button.background.over.gif");
    cursor:pointer;
    text-decoration:none;
}

a.EndLeftButton span { background-image:url(../images/relational/EndLeft.white.gif); }
a.DeleteButton span { background-image:url(../images/cwt/button.delete.square.gif); }
a.CancelButton span { background-image:url(../images/cwt/button.cancel.square.gif); }
a.SaveButton span { background-image:url(../images/cwt/button.save.square.gif); }
a.SendButton span { background-image:url(../images/cwt/button.send.square.gif); }
a.GoButton span { background-image:url(../images/cwt/button.go.square.gif); }
a.UploadButton span { background-image:url(../images/cwt/button.upload.square.gif); }



/***************************************************************** SMALL BUTTONS (ADMIN SITE)*/


a.SmallAddButton,
a.SmallApproveButton,
a.SmallCalculateButton,
a.SmallDownButton,
a.SmallEditButton,
a.SmallMailButton,
a.SmallOkButton,
a.SmallPreviewButton,
a.SmallPrintButton,
a.SmallSearchButton,
a.SmallUpButton,
a.SmallPasswordButton,
a.SmallDeleteButton,
a.SmallCancelButton
{
    margin-top:1px;
    display:inline-block;
    height:15px;
    background:url("../images/cwt/button.small.background.gif") no-repeat right top;
	text-align:left;
	vertical-align:text-bottom;
	font-size:9px;
	line-height:10px;
	color:Black;
	font-weight:normal;
    clear:both;
}

a.SmallAddButton span,
a.SmallApproveButton span,
a.SmallCalculateButton span,
a.SmallDownButton span,
a.SmallEditButton span,
a.SmallMailButton span,
a.SmallOkButton span,
a.SmallPreviewButton span,
a.SmallPrintButton span,
a.SmallSearchButton span,
a.SmallUpButton span,
a.SmallPasswordButton span,
a.SmallDeleteButton span,
a.SmallCancelButton span
{
    display:inline-block;
    height:10px;
    padding:1px 10px 4px 18px;
    background:no-repeat left top;
}

a.SmallAddButton:hover,
a.SmallApproveButton:hover,
a.SmallCalculateButton:hover,
a.SmallDownButton:hover,
a.SmallEditButton:hover,
a.SmallMailButton:hover,
a.SmallOkButton:hover,
a.SmallPreviewButton:hover,
a.SmallPrintButton:hover,
a.SmallSearchButton:hover,
a.SmallUpButton:hover,
a.SmallPasswordButton:hover,
a.SmallDeleteButton:hover,
a.SmallCancelButton:hover
{
	color:Black;
    background-image:url("../images/cwt/button.small.background.over.gif");
    cursor:pointer;
    text-decoration:none;
}

a.SmallAddButton span { background-image:url(../images/cwt/tool.add.gif); }
a.SmallApproveButton span { background-image:url(../images/cwt/tool.Approve.gif); }
a.SmallCalculateButton span { background-image:url(../images/cwt/tool.Calculate.gif); }
a.SmallDownButton span { background-image:url(../images/cwt/tool.Down.gif); }
a.SmallEditButton span { background-image:url(../images/cwt/tool.Edit.gif); }
a.SmallMailButton span { background-image:url(../images/cwt/tool.Mail.gif); }
a.SmallOkButton span { background-image:url(../images/cwt/tool.Ok.gif); }
a.SmallPreviewButton span { background-image:url(../images/cwt/tool.Preview.gif); }
a.SmallPrintButton span { background-image:url(../images/cwt/tool.Print.gif); }
a.SmallSearchButton span { background-image:url(../images/cwt/tool.Search.gif); }
a.SmallUpButton span { background-image:url(../images/cwt/tool.Up.gif); }
a.SmallPasswordButton span { background-image:url(../images/cwt/tool.Password.gif); }
a.SmallDeleteButton span { background-image:url(../images/cwt/tool.Delete.gif); }
a.SmallCancelButton span { background-image:url(../images/cwt/tool.Cancel.gif); }


/***************************************************************** SEARCH PANEL */

div.SearchPanel
{
	background-image:url(../images/cwt/glass.darkpurple.23.gif);
	background-repeat:repeat-x;
	background-color:#696885;
	border:none;
	border-top:1px solid black;
	border-bottom:1px solid black;
	margin:0;
	margin-top:-3px;
	padding:2px 5px 0 5px;
	height:25px;
}

div.SearchPanel,
div.SearchPanel td
{
	color:white;
	font-size:10px;
	line-height:12px;
}

div.SearchPanel td
{
	vertical-align:middle;
	white-space:nowrap;
}

div.SearchPanel .FormField
{
	border:1px solid black;
	background-image:url(../images/cwt/glass.formfield.gif);
	background-repeat:repeat-x;
	height:auto;
	background-color:#F2F2F2;
	margin-top:0px;
	margin-right:0;
}

div.SearchPanel a
{
	color:#E6E6E6;
}

div.SearchPanel a:hover
{
	color:White;
}

div.SearchPanel span.Label
{
    line-height:12px;
	display:inline-block;
	width:60px;
	white-space:nowrap;
}

div#Advanced
{
	background-image:url(../images/cwt/glass.darkpurple.100.gif);
	padding-bottom:5px;
}	

div.SearchPanel div
{
	padding:3px 0 2px 0;
}

div.SearchPanel span
{
    margin:0;
}

div.SearchPanel span.Separator
{
	width:0px;
	height:23px;
	display:inline-block;
	border-left:1px solid #1A1A1A;
	border-right:1px solid #808080;
	margin:0px 10px -5px 10px;
}
	
/***************************************************************** SEARCH BUTTONS */

a.SearchButton,
a.ClearButton
{
	display:inline-block;
	line-height:14px;
	height:17px;
	width:41px;
	background-repeat:no-repeat;
	text-align:left;
	vertical-align:text-bottom;
	padding:4px 0 0 24px;
	font-size:9px;
	color:Black;
}

a.SearchButton:hover,
a.ClearButton:hover
{
	color:Black;
}

a.SearchButton { background-image:url(../images/cwt/button.search.gif); }
a.SearchButton:hover { background-image:url(../images/cwt/button.search.over.gif); }

a.ClearButton { background-image:url(../images/cwt/button.clear.gif); }
a.ClearButton:hover { background-image:url(../images/cwt/button.clear.over.gif); }
	
	
/***************************************************************** SEARCH RESULTS */

table.SearchResults
{
}

div.SearchResultsHeading,
div.SearchResults,
table.SearchResults td
{
	font-size:10px;
	color:Gray;
	padding-bottom:10px;
}


/***************************************************************** TOOLBAR */

div#Toolbar
{
	height:25px;
	border:1px solid black;
	background-image:url(../images/cwt/glass.purple.25.gif);
}

div#Toolbar a
{
	display:inline-block;
	height:18px;
	padding:6px 5px 1px 5px;
	vertical-align:bottom;
	color:Black;
}

div#Toolbar a:hover
{
	background-image:url(../images/cwt/glass.orange.25.gif);
	background-repeat:repeat-x;
}

div#Toolbar a img
{
	margin-right:5px;
	margin-top:-2px;
}

div#Toolbar span.Separator
{
	width:0px;
	height:25px;
	display:inline-block;
	border-left:1px solid #808080;
	border-right:1px solid #E6E6E6;
}

/* Column chooser link */

div#Toolbar span.ColumnChooserLinkContainer
{
	float:right;
}

div#Toolbar span.ColumnChooserLinkContainer a
{
	text-align:left;
}

div#Toolbar span.ColumnChooserLinkContainer a img
{
	position:relative;
	top:0px;
	margin-right:0;
}

/* Insert item link */

div#Toolbar span.InsertLinkContainer
{
}

div#Toolbar span.InsertLinkContainer a,
div#Toolbar span.InsertLinkContainer a.Visible,
div#Toolbar span.InsertLinkContainer a.Hidden
{
    float:none;
	text-align:left;
	display:inline-block;
	height:18px;
	padding:6px 5px 1px 5px;
	color:Black;
}

div#Toolbar span.InsertLinkContainer a img
{
	position:relative;
	top:0px;
	margin-right:0;
}




/***************************************************************** INSTRUCTIONS */

div.InstructionsContainer
{
    background-color:#eee;
    padding:3px;
    border:solid black;
    border-width:0 1px;
}

div.InstructionsContainer ul
{
    margin:0 0 0 20px;
    padding:0;
}

div.InstructionsContainer p,
div.InstructionsContainer li
{
    font-size:9px;
    margin-top:3px;
}

div.InstructionsContainer li
{
    margin-left:5px;
}



/***************************************************************** FORM FIELDS & BUTTONS */

.FormField, 
.FormFieldRequired,
.FormFieldPrivate,
.FormFieldInline
{
	font-size:11px;
	line-height:14px;
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-weight:normal;
	color:#222;
	height:13px;
}

.FormField, 
.FormFieldRequired,
.FormFieldPrivate,
.FormFieldInline,
.FormFieldH1,
.FormFieldH2,
.FormFieldH3,
.FormFieldH4
{
    margin:0 4px 0 0;
	background-color:White;
	border:1px solid #7F9DB9;
}

.FormFieldRequired
{
	border-right:3px solid red;
}

.FormFieldPrivate
{
    background-color:#ddd;
}

a.InlineEditLink,
.FormFieldInline
{
    line-height:12px;
    height:12px;
    padding:1px;
    font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
    margin:0;
}

a.InlineEditLink
{
    display:block;
    color:Black;
}

.FormFieldInline
{
    margin-left:-1px;
}

select.FormField,
select.FormFieldRequired
{
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size:10px;
	height:auto;
}

.Button
{
    font-size: 8pt;
    height:24px;
    font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
}

.Watermark
{
    color: #ccc !important;
}


/***************************************************************** ADMIN HEADER */

div.AdminHeader
{
	background-image:url(../images/cwt/glass.black.24.gif);
	background-repeat:repeat-x;
	background-color:Black;
	border-bottom:1px solid black;
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
	height:25px;
	line-height:24px;
	font-weight:normal;
	padding:0px 0px 0px 10px;
	white-space:nowrap;
}

div.AdminHeader,
div.AdminHeader p,
div.AdminHeader td,
div.AdminHeader strong
{
	color:#ddd;
	font-size:9px;
}

div.AdminHeader a:link,
div.AdminHeader a:visited,
div.AdminHeader a:active,
div.AdminHeader a:hover
{
	text-decoration:none;
	color:#ddd;
	display:inline-block;
	padding:0 5px ;
	font-weight:bold;
	height:24px;
	line-height:24px;
	font-size:9px;
}
	
div.AdminHeader .TopMenuItemHover,
div.AdminHeader .MenuItemHover,
div.AdminHeader a:hover,
div#ModeButtons a.Selected
{
	background-image:url(../images/cwt/glass.orange.24.gif);
	text-decoration:none;
	color:white;
    cursor:pointer;
}

div.AdminHeader span.Separator
{
	width:0px;
	height:25px;
	display:inline-block;
	border-left:1px solid #000000;
	border-right:1px solid #4C4C4C;
}

/******************************** View Mode Menu (simple) */

div#ModeSwitch
{
}

div#CurrentModeLabel
{
    float:left;
    display:table-cell;
	height:14px;
	line-height:14px;
	font-size:9px;
	padding:5px;
}

div#ModeButtons
{
    float:left;
    display:table-cell;
    padding:0;
	border-left:1px solid #000000;
}

div#ModeButtons a
{
    padding:6px 6px 6px 6px;
    height:13px;
	border-left:1px solid #4C4C4C;
	border-right:1px solid #000000;
}

div#ModeButtons a:hover
{
}

div#ModeButtons img
{
}

div#ModeButtons a.Selected
{
	border-left:1px solid #E1A66D;
	border-right:1px solid #C88C54;

}

div.AdminHeader div#ModeButtons a:hover
{
	background-image:url(../images/cwt/glass.darkpurple.24.gif);
	border-left:1px solid #808080;
	border-right:1px solid #333333;
} 


/******************************** View Mode Menu (ComponentArt) */

/* All items */
.TopMenuItem,
.TopMenuItemHover,
.TopMenuItemExpanded,
.MenuItem,
.MenuItemHover,
.MenuItemExpanded
{
    height:24px;
	line-height:24px;
	font-weight:normal;
	padding:0px 0px 0px 10px;
	white-space:nowrap;
	color:White;
}

/* Top-level group */
.TopMenuGroup
{
    width:110px;
}

.TopMenuGroup a
{
}

/* Top-level items */
.TopMenuItem td,
.TopMenuItemHover td,
.TopMenuItemExpanded td
{
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-weight:bold;
    color:White;
	line-height:22px;
}


/* All items on expand/hover */
.TopMenuItemExpanded,
.TopMenuItemHover,
.MenuItemExpanded,
.MenuItemHover 
{
    cursor:pointer;
	background-image:url(../images/cwt/glass.orange.24.gif);
    color:White;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}


/* Sub-group */
.MenuGroup
{
    background-color:#1A1A1A;
    border:1px solid;
    border-color:#4C4C4C #000000 #000000 #4C4C4C ;
    width:113px;
    margin-left:4px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
}

.MenuItemHover td,
.MenuItem td
{
	font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
    color:White;
    font-size:9px;
    font-weight:normal;
    padding:5px;
}


.MenuBreak
{

}


/***************************************************************** ADMIN MENUS */

/********** Containers */

div#AdminMenuContainer
{
        position:absolute;
        top:26px;
        left:0;
		border:none;
		background-color:#1F2481;
		background-image:url(../images/cwt/menu.background.blue.gif);
		padding:0;
		width:auto;
		z-index:9999;
}

ul#AdminMenu
/* Menu container (level 1) */
{
    display:inline-block;
    margin:0;
    padding:0;
	white-space:nowrap;
	float:left;
	border-right:1px solid #8284B8;
}

ul#AdminMenu ul
/* Menu containers (level 2+) */
{
    position:absolute;
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:0px;
    padding:0;
    visibility:hidden;
	z-index:999;
    border:1px solid;
    border-color:#A1A3CA #3C3E5A #3C3E5A #A1A3CA;
    width:auto;
    background-color:#797CB3;
}

ul#AdminMenu li li ul
/* Menu containers (level 3+) */
{
    margin-top:-25px;
    margin-left: 172px; 
	z-index:999;
}

/********** List items */

ul#AdminMenu li
/* List items (level 1+) */
{
    list-style:none;
    margin:0;
    padding:0;
	font-size:10px;
    display:inline; 
    float:left; 
}
    
ul#AdminMenu ul li
/* List items (level 2+) */
{
	width:160px;
    background-color:#E59933;
    display:inline-block;
    float:none;
    clear:both;
}


/********** Links (level 1+) */

ul#AdminMenu a
/* Links (level 1+) */
{
    color:White;
    background-color:Transparent;
    border:1px solid;
    border-color:transparent #17182E transparent #8284B8 ;
    border-top:none;
    border-bottom:none;
    font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-size:11px;
    display:block;
    text-decoration:none;
	font-weight:bold;
    padding:2px 10px 1px 10px;
	white-space:nowrap;
	margin:0 0 0 0;
	line-height:28px;

}

ul#AdminMenu a.Hover,
ul#AdminMenu a:hover
/* Links on hover (level 1+) */
{
	text-decoration:none;
	color:White;
	background-image:url(../images/cwt/menu.background.lightblue.gif);
    border-color:transparent #3C3E5A transparent #A1A3CA;
}

ul#AdminMenu a.Selected,
ul#AdminMenu a.Selected:hover
/* Selected links (level 1+) */
{
	color:White;
	font-weight:bold;
	background-image:url(../images/cwt/menu.background.orange.gif);
    border-color:transparent #B77A29 transparent #EDB870;
}

ul#AdminMenu a.HasChildren
/* Links with submenus (level 1+) */
{
}

/********** Links (level 2+) */

ul#AdminMenu li li a
/* Links (level 2+) */
{
	display:block;
    width:160; 
    padding:2px 10px 3px 10px;
    border:1px solid;
    background-color:#797CB3;
    border-color:#797CB3 #797CB3 #6D70A1 #797CB3;
    font-weight:normal;
	line-height:22px;
}

ul#AdminMenu li li a.Hover,
ul#AdminMenu li li a:hover
/* Links on hover (level 2+) */
{
	background-image:url(../images/cwt/menu.background.orange.gif);
    border-color:#EDB870 #B77A29 #B77A29 #EDB870;
}

ul#AdminMenu li li a.Selected,
ul#AdminMenu li li a.Selected:hover
/* Selected links (level 2+) */
{
	background-image:url(../images/dingbats/arrow.selected.gif);
	background-image:url(../images/cwt/menu.background.blue.gif);
	background-repeat:repeat-x;
	background-color:#4C509A;
	font-weight:normal;
    border-color:#8284B8 #17182E #17182E #8284B8;
}

ul#AdminMenu li li a.HasChildren
{
/* Links with submenus (level 2+) */
	background-image:url(../images/dingbats/arrow.haschildren.gif);
	background-repeat:no-repeat;
	background-position:173px 2px;
}



/*********** Editable zone */

div.EditableZone,
div.ChangedEditableZone,
div.NewEditableZone
{
    border:3px solid #D2D2DA;
    display:block;
    clear:both;
    margin-bottom:2px;
}
    
div.ChangedEditableZone
{
    border-color:#E36C6C;
}

div.NewEditableZone
{
    border-color:#6CA86C;
}    

/************** MISC */

.ScrollVertical
{
	background: White;
    height:280px;
    width:500px;
    overflow:auto;
    overflow-y:scroll;
    border: silver 1px solid;    
    padding: 3px;
    margin-top:2px;
}

div.ContactInfo,
div.ScrollVertical p.ContactInfo,
p.ContactInfo
{
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../images/icons/new.contact.gif);
	background-position:5px 0px;
	background-color:transparent;
	padding:0 0 0 22px!important;
	margin:6px 0;
	height:100px;
	font-size:10px;
}

div.ContactInfo
{
}

li.ContactInfo
{
	list-style-image:url(../images/icons/new.contact.gif);
}

div.ScheduledContent,
div.PageContent
{
	border:2px solid #eee;
	margin:4px 0;
	padding:2px;
}	

div.PageContent div.EditingTools
{
	margin-top:-4px;
	margin-left:-4px;
}

div.ScheduledContentHeader
{
	background:white;
	color:gray;
	font-size:9px;
	padding:0 0 0 5px;
	border:1px solid gray;
	margin-right:-2px;
	margin-top:-4px;
	float:right;
}

div.ScheduledContentHeader a
{
	color:White;
	background:silver;
	display:inline;
	border-left:1px solid gray;
	padding:1px 5px;
	margin-left:5px;
}

div.ScheduledContentHeader a:hover
{
	background:Red;
	color:white;
}

div.ErrorList
{
	border:2px dotted red;
	padding:5px;
	font-weight:bold;
	margin-bottom:10px;
}

div.ErrorList li, 
div.ErrorList p
{
	margin:0;
	color:Red;
	font-weight:normal;
}



/***************************************************************** PHOTO GALLERY */

.PhotoGridContainer
{
    background:black;
    padding:10px;
    clear:both;
}

.PhotoCell 
{
	background-color:White;
	border-width:2px;
	border-style:solid;
	border-color:silver Gray Gray silver;
	padding:5px;
	margin:5px;
	width:300px;
}

.PhotoCell img
{
    cursor:move;
}

.PhotoCell,
.PhotoCell p
{
	font-size:9px;
	color:Gray;
}

.PhotoCell p input
{
	
}

.PhotoCell a
{
    font-size:9px;
    line-height:11px;
}

.PhotoCell .DetailsTable
{
    margin-bottom:3px;
}

.PhotoCell .DetailsTable td
{
    font-size:9px;
}

.PhotoCell .DetailsTable td.DetailsLabel
{
    font-size:9px;
}



.PhotoCell p.EditTools
{
	text-align:right;
	margin:-1px 0 0 0;
	padding-bottom:2px;
	white-space:nowrap;
}

a.PreviewLink,
a.EditPhotoLink,
a.FullPhotoLink
{
	text-decoration:none;
    background-repeat:no-repeat;
    background-position:0 0;
    padding-left:17px;
    color:Black;
    width:57px;
    line-height:14px;
    display:inline-block;
    font-size:9px;
    text-align:left;
    margin-top:1px;
    margin-bottom:1px;
}

a.PreviewLink:hover,
a.EditPhotoLink:hover,
a.FullPhotoLink:hover
{
	font-weight:normal;
    color:Black;
}

a.EditPhotoLink
{
	background-image:url(../images/cwt/button.edit.gif);
}

a.EditPhotoLink:hover
{
	background-image:url(../images/cwt/button.edit.over.gif);
}

a.PreviewLink,
a.FullPhotoLink
{
	background-image:url(../images/cwt/button.full.gif);
}

a.PreviewLink:hover,
a.FullPhotoLink:hover
{
	background-image:url(../images/cwt/button.full.over.gif);
}





/******************************************************** TREEVIEW */

.TreeView 
{ 
  padding-top:4px; 
  padding-left:1px; 
  cursor:default; 
}

.TreeNode 
{ 
  font-size: 10px; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
}

.GrayedTreeNode 
{ 
  font-size: 10px; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  color:gray; 
  cursor:default;
}

.HoverTreeNode 
{ 
  font-size: 10px; 
  text-decoration:underline; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.SelectedTreeNode 
{ 
  font-size: 10px; 
  background-color: gray; 
  color:white; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.NodeEdit 
{
  border:1px gray solid;
  font-size: 11px;
}



/******************************************************** ADMIN SIDEBAR & QUICK LINKS */

td#AdminSidebar
{
    background-color:#F8F7F9;
    height:800px;
    padding:10px;
}

div#QuickLinks 
{
}

td#AdminSidebar div#Toolbar
{
}

div#Toolbar h4
{
    margin:0;
    padding:5px;
}

td#AdminSidebar div.SidebarContainer
{
    margin:0 0 15px 0;
    border:1px solid black;
    margin-top:-1px;
}

div#QuickLinks a
{
    width:225px;
    display:block;
    text-decoration:none;
	font-weight:normal;
	white-space:nowrap;
	margin:0 0 0 0;
    font-size:10px;
	background-color:#696885;
	background-image:url(../images/cwt/glass.darkpurple.19.gif);
	color:white;
    padding:1px 5px 2px 7px;
    line-height:16px;
    border:solid;
    border-width:1px 0 1px 0;
    border-color:#87869D transparent #3F3E50 transparent;
}

div#QuickLinks a:hover
{
	background-image:url(../images/cwt/glass.orange.19.gif);
}

td#AdminSidebar ul
{
    margin-left:23px;
}


td#AdminSidebar ul ul
{
    list-style:none;
    margin-left:10px;
}




/****************************************************** COMPONENTART GRID*/


.Grid 
{ 
  background-color: White; 
  border: 1px solid #696885; 
  font-size: 10px; 
  cursor: pointer;
}

.GridHeader
{
  background-image: url(../images/componentart/grid_headerBg.gif); 
  background-color: Gray; 
  height: 24px;
  padding-left: 3px;
  cursor: default;
}

.GridHeaderText
{
  color: White;  
  font-family: verdana; 
  font-size: 10px; 
}

.GroupByText
{
  color: White; 
  font-size: 11px;   
  font-weight: bold; 
  padding-right: 5px;
}

.HeadingRow 
{ 
  background-image: url(../images/componentart/header_rowBg.gif);   
}

.HeadingCell 
{ 
  background-image: url(../images/componentart/header_bg.gif);   
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
}

.HeadingRow td.FirstHeadingCell
{ 
  background-image: url(../images/componentart/header1stCell_bg.gif); 
}

.HeadingCellText
{
  font-size: 10px; 
  font-weight: bold; 
  text-align: left;
  padding-top: 3px;
  padding-bottom: 5px;
}

.EditRow,
.SelectedRow,
.Row 
{ 
  background-color: White; 
  height:15px;
}

.EditDataCell
{ 
  padding: 0px!important; 
  background-color: #F5E1CE; 
  border-top:none!important;
} 

.SelectedRow td.DataCell,
.Row td.DataCell 
{ 
  cursor: default;
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  border-top:1px solid white;
  border-bottom: 1px solid #F8F7F9; 
  font-family: verdana; 
  font-size: 10px; 
} 

.SortedDataCell 
{ 
  background-color: #F9F9FA; 
} 

.SelectedRow td.DataCell 
{ 
/*
  background-color: #F5E1CE; 
  border-bottom: 1px solid #3F3E50; 
  border-top: 1px solid #3F3E50; 
*/
}


.Grid input.FormField
{
  padding: 0px; 
  padding-left: 1px; 
  margin-left:1px;
  line-height:15px;
  height: 15px;
  width: 98%!important; 
  font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
  font-size:10px;
}

.Grid select.FormField
{
    line-height:13px;
    height:13px;
}

/****************************************************** PROGRESS BAR */

div.ProgressBar
{
   width:203px;
   height:13px;
   background-image:url('../images/cwt/progress.bar.gif');
   background-repeat:no-repeat;
   padding:3px 2px;
   border:1px solid white;
}

div.ProgressIndicator
{
    height:7px;
   background-image:url('../images/cwt/progress.indicator.gif');
   background-repeat:repeat-x;
}

/******************************************************* PUBLIC FIELDSETS */

div.FieldsetContainer
{
    background-color: #FAEFD8;
    border: 1px solid #F2D69D;
    padding: 5px;
}

div.FieldsetContainer div.FormRow
{
    clear:both;
    padding: 4px 0;
}

div.FieldsetContainer div.FormRow label.Label
{
    float: left;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    padding: 3px 10px 0 0;
    text-align: right;
    width: 100px;
}

div.FieldsetContainer div.FormRow div.FieldContainer
{
    float: left;
    width: 580px;
}

div.Narrow div.FieldsetContainer div.FormRow div.FieldContainer
{
    width: 300px;
}


div#MainColumn div.FieldsetContainer div.FormRow div.FieldContainer
{
    float: left;
    width: 290px;
}

div.FieldsetContainer table.BareTable td
{
    padding-right: 5px;
}

div.FieldsetContainer a.Button
{
}




/******************************************************* STANDARD TABLE */

table.StandardTable
{
    border-collapse:collapse;
}


table.StandardTable td,
table.StandardTable th,
table.StandardTable th p,
table.StandardTable td p
{
    font-size:10px;
    line-height:13px;
}

table.StandardTable td,
table.StandardTable th
{
    padding:3px;
    border:1px solid #F2D69D;
}

table.StandardTable th p,
table.StandardTable td p
{
    padding:0;
    margin:3px 0;
}

table.StandardTable th
{
    vertical-align:bottom;
    background-color:#FAEFD8;
    font-weight:bold;
    color:Black;
}

table.StandardTable th,
table.StandardTable th p
{
}

table.StandardTable td
{
    vertical-align:top;
}

table.StandardTable td,
table.StandardTable td p
{
}

/********************************************* UPDATE PROGRESS */

div.UpdateProgress
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

div.UpdateProgressInner
{
    margin: 20px auto;
    width: 150px;
    border: 1px solid #aaa;
    background: transparent url(../images/translucent/10.75.png);
    padding: 20px 0;
    text-align: center;
}

div.UpdateProgress img
{
}

div.UpdateProgress p
{
    text-align: center;
}

/* Full page update progress */

div.FullPageUpdateProgressWrapper
{
    position: fixed;
    width: 99%;
    height: 99%;
    left: 0;
    top: 0;
    z-index: 999;
}   

div.FullPageUpdateProgressWrapper div.UpdateProgress
{
    width: 150px;
    position:absolute;
    top:120px;
    left:50%;
    border: 1px solid #CCCCCC;
    background: transparent url(../images/translucent/10.90.png);
    padding:50px 30px;
    text-align: center;
}

div.FullPageUpdateProgressWrapper img
{
    padding-right: 10px;
    vertical-align: middle;
}

div.FullPageUpdateProgressWrapper span
{
    display: block;
    padding: 5px 0;
}


/********************************************* CLICK BY PROXY */

div._ClickByProxy:hover
{
    cursor: pointer;
}


div._ClickByProxy:hover h1,
div._ClickByProxy:hover h2,
div._ClickByProxy:hover h3,
div._ClickByProxy:hover h4,
div._ClickByProxy:hover h5,
div._ClickByProxy:hover a
{
    color: #BE1E2D;
}

div._ClickByProxy:hover p
{
    color: Black;
}

/******************************* BUTTONS */


a.Button
{
    background: transparent url(../images/relational/Button.Background.17.png) no-repeat top right;
    color: #444 !important;
    display: block;
    font-size: 10px;
    height: 17px;
    line-height: 16px;
    margin-right: 5px;
    margin-bottom: 2px;
    padding-left: 21px;
    padding-right: 10px;
    position: relative;
    width: auto;
    white-space: nowrap;
    z-index: 1 !important;
    float:left;
}

a.Button span
{
    background-color: #696885;
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    left: 0px;
    position: absolute;
    top: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    cursor: pointer;
    background-repeat: no-repeat;
}

a.Button:hover
{
    text-decoration: none;
    background-image: url(../images/relational/Button.Background.Dark.17.png);
    color: Black !important;
}

a.Button:hover span
{
    background-color: #DE9C5D;
}

/* Large buttons */

a.Button.Large
{
    height: 23px;
    font-weight: bold;
    padding-left: 29px;
    padding-right: 13px;
    background-image: url(../images/relational/Button.Background.23.png);
    line-height: 23px;
    font-size: 12px;
}

a.Button.Large span
{
    width: 23px;
    height: 23px;
}

a.Button.Large:hover
{
    background-image: url(../images/relational/Button.Background.Dark.23.png);
}

a.Button.Large:hover span
{
}


/* Other buttons */

a.Button.NoText
{
    padding: 0 !important;
    margin: 0 !important;
    clear: none !important;
    background-image: none !important;
    width: 17px;
}

a.Button.NoText:hover
{
    background-image: none !important;
}

 
  
a.Button.Add span { background-image: url(../images/relational/Add.small.png); }
a.Button.Large.Add span { background-image: url(../images/relational/Add.big.png); }

 
a.Button.Alert span { background-image: url(../images/relational/Alert.small.png); }
a.Button.Large.Alert span { background-image: url(../images/relational/Alert.big.png); }

 
a.Button.Book span { background-image: url(../images/relational/Book.small.png); }
a.Button.Large.Book span { background-image: url(../images/relational/Book.big.png); }

 
a.Button.Calc span { background-image: url(../images/relational/Calc.small.png); }
a.Button.Large.Calc span { background-image: url(../images/relational/Calc.big.png); }

 
a.Button.Cart span { background-image: url(../images/relational/Cart.small.png); }
a.Button.Large.Cart span { background-image: url(../images/relational/Cart.big.png); }

 
a.Button.Check span { background-image: url(../images/relational/Check.small.png); }
a.Button.Large.Check span { background-image: url(../images/relational/Check.big.png); }

 
a.Button.Down span { background-image: url(../images/relational/Down.small.png); }
a.Button.Large.Down span { background-image: url(../images/relational/Down.big.png); }

 
a.Button.Drag span { background-image: url(../images/relational/Drag.small.png); }
a.Button.Large.Drag span { background-image: url(../images/relational/Drag.big.png); }

 
a.Button.Edit span { background-image: url(../images/relational/Edit.small.png); }
a.Button.Large.Edit span { background-image: url(../images/relational/Edit.big.png); }

 
a.Button.EndDown span { background-image: url(../images/relational/EndDown.small.png); }
a.Button.Large.EndDown span { background-image: url(../images/relational/EndDown.big.png); }

 
a.Button.EndLeft span { background-image: url(../images/relational/EndLeft.small.png); }
a.Button.Large.EndLeft span { background-image: url(../images/relational/EndLeft.big.png); }

 
a.Button.EndRight span { background-image: url(../images/relational/EndRight.small.png); }
a.Button.Large.EndRight span { background-image: url(../images/relational/EndRight.big.png); }

 
a.Button.EndUp span { background-image: url(../images/relational/EndUp.small.png); }
a.Button.Large.EndUp span { background-image: url(../images/relational/EndUp.big.png); }

 
a.Button.Exclamation span { background-image: url(../images/relational/Exclamation.small.png); }
a.Button.Large.Exclamation span { background-image: url(../images/relational/Exclamation.big.png); }

 
a.Button.Eye span { background-image: url(../images/relational/Eye.small.png); }
a.Button.Large.Eye span { background-image: url(../images/relational/Eye.big.png); }

 
a.Button.Flag span { background-image: url(../images/relational/Flag.small.png); }
a.Button.Large.Flag span { background-image: url(../images/relational/Flag.big.png); }

 
a.Button.FriendAdd span { background-image: url(../images/relational/FriendAdd.small.png); }
a.Button.Large.FriendAdd span { background-image: url(../images/relational/FriendAdd.big.png); }

 
a.Button.Friends span { background-image: url(../images/relational/Friends.small.png); }
a.Button.Large.Friends span { background-image: url(../images/relational/Friends.big.png); }

 
a.Button.GoDown span { background-image: url(../images/relational/GoDown.small.png); }
a.Button.Large.GoDown span { background-image: url(../images/relational/GoDown.big.png); }

 
a.Button.GoLeft span { background-image: url(../images/relational/GoLeft.small.png); }
a.Button.Large.GoLeft span { background-image: url(../images/relational/GoLeft.big.png); }

 
a.Button.GoRight span { background-image: url(../images/relational/GoRight.small.png); }
a.Button.Large.GoRight span { background-image: url(../images/relational/GoRight.big.png); }

 
a.Button.GoUp span { background-image: url(../images/relational/GoUp.small.png); }
a.Button.Large.GoUp span { background-image: url(../images/relational/GoUp.big.png); }

 
a.Button.Inbox span { background-image: url(../images/relational/Inbox.small.png); }
a.Button.Large.Inbox span { background-image: url(../images/relational/Inbox.big.png); }

 
a.Button.Key span { background-image: url(../images/relational/Key.small.png); }
a.Button.Large.Key span { background-image: url(../images/relational/Key.big.png); }

 
a.Button.Left span { background-image: url(../images/relational/Left.small.png); }
a.Button.Large.Left span { background-image: url(../images/relational/Left.big.png); }

 
a.Button.Mail span { background-image: url(../images/relational/Mail.small.png); }
a.Button.Large.Mail span { background-image: url(../images/relational/Mail.big.png); }

 
a.Button.No span { background-image: url(../images/relational/No.small.png); }
a.Button.Large.No span { background-image: url(../images/relational/No.big.png); }

 
a.Button.Online span { background-image: url(../images/relational/Online.small.png); }
a.Button.Large.Online span { background-image: url(../images/relational/Online.big.png); }

 
a.Button.Out span { background-image: url(../images/relational/Out.small.png); }
a.Button.Large.Out span { background-image: url(../images/relational/Out.big.png); }

 
a.Button.Pages span { background-image: url(../images/relational/Pages.small.png); }
a.Button.Large.Pages span { background-image: url(../images/relational/Pages.big.png); }

 
a.Button.Pages span { background-image: url(../images/relational/Pages.small.png); }
a.Button.Large.Pages span { background-image: url(../images/relational/Pages.big.png); }

 
a.Button.PDF span { background-image: url(../images/relational/PDF.small.png); }
a.Button.Large.PDF span { background-image: url(../images/relational/PDF.big.png); }

 
a.Button.Person span { background-image: url(../images/relational/Person.small.png); }
a.Button.Large.Person span { background-image: url(../images/relational/Person.big.png); }

 
a.Button.Pics span { background-image: url(../images/relational/Pics.small.png); }
a.Button.Large.Pics span { background-image: url(../images/relational/Pics.big.png); }

 
a.Button.Print span { background-image: url(../images/relational/Print.small.png); }
a.Button.Large.Print span { background-image: url(../images/relational/Print.big.png); }

 
a.Button.Question span { background-image: url(../images/relational/Question.small.png); }
a.Button.Large.Question span { background-image: url(../images/relational/Question.big.png); }

 
a.Button.Quote span { background-image: url(../images/relational/Quote.small.png); }
a.Button.Large.Quote span { background-image: url(../images/relational/Quote.big.png); }

 
a.Button.Quotes span { background-image: url(../images/relational/Quotes.small.png); }
a.Button.Large.Quotes span { background-image: url(../images/relational/Quotes.big.png); }

 
a.Button.Right span { background-image: url(../images/relational/Right.small.png); }
a.Button.Large.Right span { background-image: url(../images/relational/Right.big.png); }

 
a.Button.Rss span { background-image: url(../images/relational/Rss.small.png); }
a.Button.Large.Rss span { background-image: url(../images/relational/Rss.big.png); }

 
a.Button.Rss2 span { background-image: url(../images/relational/Rss2.small.png); }
a.Button.Large.Rss2 span { background-image: url(../images/relational/Rss2.big.png); }

 
a.Button.Save span { background-image: url(../images/relational/Save.small.png); }
a.Button.Large.Save span { background-image: url(../images/relational/Save.big.png); }

 
a.Button.Search span { background-image: url(../images/relational/Search.small.png); }
a.Button.Large.Search span { background-image: url(../images/relational/Search.big.png); }

 
a.Button.Star span { background-image: url(../images/relational/Star.small.png); }
a.Button.Large.Star span { background-image: url(../images/relational/Star.big.png); }

 
a.Button.Straight span { background-image: url(../images/relational/Straight.small.png); }
a.Button.Large.Straight span { background-image: url(../images/relational/Straight.big.png); }

 
a.Button.SwapV span { background-image: url(../images/relational/SwapV.small.png); }
a.Button.Large.SwapV span { background-image: url(../images/relational/SwapV.big.png); }

 
a.Button.SwapH span { background-image: url(../images/relational/SwapH.small.png); }
a.Button.Large.SwapH span { background-image: url(../images/relational/SwapH.big.png); }

 
a.Button.Tag span { background-image: url(../images/relational/Tag.small.png); }
a.Button.Large.Tag span { background-image: url(../images/relational/Tag.big.png); }

 
a.Button.Threaded span { background-image: url(../images/relational/Threaded.small.png); }
a.Button.Large.Threaded span { background-image: url(../images/relational/Threaded.big.png); }

 
a.Button.ThumbsDown span { background-image: url(../images/relational/ThumbsDown.small.png); }
a.Button.Large.ThumbsDown span { background-image: url(../images/relational/ThumbsDown.big.png); }

 
a.Button.ThumbsUp span { background-image: url(../images/relational/ThumbsUp.small.png); }
a.Button.Large.ThumbsUp span { background-image: url(../images/relational/ThumbsUp.big.png); }

 
a.Button.Up span { background-image: url(../images/relational/Up.small.png); }
a.Button.Large.Up span { background-image: url(../images/relational/Up.big.png); }

 
a.Button.Vdown span { background-image: url(../images/relational/Vdown.small.png); }
a.Button.Large.Vdown span { background-image: url(../images/relational/Vdown.big.png); }

 
a.Button.Video span { background-image: url(../images/relational/Video.small.png); }
a.Button.Large.Video span { background-image: url(../images/relational/Video.big.png); }

 
a.Button.Vleft span { background-image: url(../images/relational/Vleft.small.png); }
a.Button.Large.Vleft span { background-image: url(../images/relational/Vleft.big.png); }

 
a.Button.Vright span { background-image: url(../images/relational/Vright.small.png); }
a.Button.Large.Vright span { background-image: url(../images/relational/Vright.big.png); }

 
a.Button.Vup span { background-image: url(../images/relational/Vup.small.png); }
a.Button.Large.Vup span { background-image: url(../images/relational/Vup.big.png); }

 
a.Button.X span { background-image: url(../images/relational/X.small.png); }
a.Button.Large.X span { background-image: url(../images/relational/X.big.png); }

a.No span { background-color:#DE9C5D!important; }
a.Save span { background-color:#6CA86C!important; }
a.X span { background-color:#E36C6C!important; }

.FloatRight
{
    float:right!important;
    clear:none!important;
}

.FloatLeft
{
    float:left!important;
    clear:none!important;
}

a.FloatRight
{
    margin-right:0px!important;
}


/***************************************************************** PAGER */

div.Pager
{
    border: 1px solid black;
    background:#eee url(../images/cwt/glass.purple.53.gif) repeat-x;
    clear: both;
    height: 25px;
    margin-top: -1px;
    padding: 4px;
    position: relative;
}

div.Pager span.CurrentPageLabel
{
    position: absolute;
    left: 50%;
    height: 25px;
    line-height: 25px;
}

div.NoData
{
    padding:20px;
    font-size:9px;
    font-weight:bold;
    color:Gray;
}

div#Toolbar
{
    clear: both;
    position: relative;
    z-index: 2;
}

/***************************************************************** COLUMN CHOOSER */

div#ColumnChooserContainer
{
    position: absolute; /* within div#Toolbar */
    top: 3px;
    right: 3px;
    width: 150px;
}

div#ColumnChooserContainer .ColumnChooser
{
    background-color: #E1E1E7;
    border:1px solid #696885;
    line-height: 12px;
    margin-top: -1px;
    overflow-x: hidden;
    z-index: 9;
}

div#ColumnChooserContainer.Hover .ColumnChooser
{
    display: block;
}

div#ColumnChooserContainer .ColumnChooser,
div#ColumnChooserContainer.NoHover .ColumnChooser
{
    display: none;
}

div#ColumnChooserContainer .ColumnChooser span
{
    display: block;
    white-space: nowrap;
    font-size: 11px;
    padding: 0 3px;
}

div#ColumnChooserContainer .ColumnChooser span:hover
{
    background-color: #D2D2DA;
}

div#ColumnChooserContainer .ColumnChooser label
{
    display: inline-block;
    width: 120px;
}

/* Column chooser link */

div#ColumnChooserContainer span.ColumnChooserButton
{
    display: block;
    height: 11px;
    font-size: 10px;
    line-height: 11px;
    font-weight: normal;
    border:1px solid #696885;
    padding: 3px 10px 3px 18px;
    background: transparent url(../images/relational/VDown.gray.gif) no-repeat 3px 3px;
}

div#ColumnChooserContainer.Hover span.ColumnChooserButton,
div#ColumnChooserContainer:hover span.ColumnChooserButton
{
    cursor: pointer;
    background-color: #D2D2DA;
}

/******************************* AUTOCOMPLETE */

ul.AutocompleteContainer
{
    position: relative;
    z-index: 999;
    border: 1px solid #bbb;
    border-top: none;
    height: 150px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    background: white;
}

ul.AutocompleteContainer li
{
    background-image: none;
}

.AutocompleteItem,
.AutocompleteItemHighlighted
{
    margin: 0;
    padding: 1px 5px;
    white-space: nowrap;
}

.AutocompleteItemHighlighted
{
    background: #B4B4C2;
}


/***************************************************************** NEW ADMIN FORMS */

div.AdminFieldsetContainer
{
    
    background-color: #F8F7F9;
    border: 1px solid #B4B4C2;
    padding: 5px 5px 20px 5px;
    margin-bottom:-2px;
}


div.AdminFieldsetContainer div.FormRow
{
    clear:both;
    padding: 4px 0;
}

div.AdminFieldsetContainer div.FormRow label.Label
{
    float: left;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    padding: 3px 10px 0 0;
    text-align: right;
    width: 100px;
}

div.AdminFieldsetContainer div.FormRow div.FieldContainer
{
    float: left;
    width: 580px;
}

div.Narrow div.AdminFieldsetContainer div.FormRow div.FieldContainer
{
    width: 300px;
}


div#MainColumn div.AdminFieldsetContainer div.FormRow div.FieldContainer
{
    float: left;
    width: 290px;
}

div.AdminFieldsetContainer table.BareTable td
{
    padding-right: 5px;
}

div.AdminFieldsetContainer a.Button
{
}

/* Form buttons */

div.FormButtonContainer
{
    clear: both;
    margin: 12px 0;
}

div.FormButtonContainer a.Check
{
    /* Save button */
    margin-left: 10px;
}

div.FormButtonContainer a.Button
{
    clear: none;
    float: right;
}

div.FormButtonContainer a.Ok
{
    /* Save */
}

div.FormButtonContainer a.No
{
    /* Cancel */
    margin-right: 5px;
}

div.FormButtonContainer a.X
{
    /* Delete */
    float: left;
}

/* Tabs */

div.TabStrip
{
    min-height: 19px;
    position:relative;
    z-index:9;
    padding-left:2px;
}

div.TabStrip a
{
    display: block;
    float: left;
    padding: 2px 10px;
    margin-top:2px;
    margin-left: 2px;
    font-weight: normal;
    border: 1px solid #B4B4C2;
    border-bottom: none;
    background: #F0F0F3 url(../images/componentart/tab_bg.gif) no-repeat 0 -3px;
    line-height: 12px;
    height: 12px;
    color: #595959;
    position:relative;
    top:3px;
}

div.TabStrip a:hover
{
    border-top-color:#DE9C5D;
    color: Black;
}

div.TabStrip a.On,
div.TabStrip a.On:hover
{
    color: Black;
    font-weight: bold;
    border: 1px solid #919B9C;
    border-top:3px solid #DE9C5D;
    border-bottom: none;
    background: white;
    height:15px;
    top:-1px;
}

/***************************************************************** CHILD GRID */

div.ChildGridContainer
{
    background:#D9D9D9;
    padding:5px;
}

div.ChildGridContainer h3
{
    font-size:9px;
    margin:3px 0;
    padding:0;
    border:0;
}

div.ChildGridContainer table.DataGrid
{
    border-color:#919B9C;
}

div.ChildGridContainer table.DataGrid th
{
    padding:3px;
    height:15px;
    line-height:15px;
}