/*

    DEFAULT BODY
--------------------------------------------------------------- */ 
body {
 margin:            0;
 padding:           0;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #333;
 background: 		#fff url({path:image_url}page_bg.jpg) repeat-x left top;
}
/*

    MAIN CONTENT WRAPPER
--------------------------------------------------------------- */
#content {
 left:              0px;
 right:             10px;
 margin:            0 15px 30px 15px;
 padding:           14px 13px 0 13px;
 width:             auto;
 background-color:  transparent;
}
* html #content {
 width:             100%;
 w\idth:            auto;
}

/*

    MAIN CONTENT WRAPPER - WHEN THERE IS NO BREADCRUMB LINE
--------------------------------------------------------------- */
#contentNB {
 left:              0px;
 right:             10px;
 margin:            0 15px 20px 15px;
 padding:           0 13px 0 13px;
 width:             auto;
}
* html #contentNB {
 width:             100%;
 w\idth:            auto;
}

/*

    DEFAULT LINKS
--------------------------------------------------------------- */ 
a {
 color:             #333399;
 background-color:  transparent;
 text-decoration:   none;
}
  
a:visited {
 color:             #333399;
 background-color:  transparent;
 text-decoration:   none;
}

a:hover {
 color:             #A0A4C1;
 text-decoration:   none;
 background-color:  transparent;
}

/*
    Small links
------------------------------------------------------ */ 
.smallLinks {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         10px;
 color:             #38394B;
 background-color:  transparent;  
 white-space:		nowrap;
}

.smallLinks a:link { 
 color:             #333399;
 background:        transparent;
 text-decoration:   none;
} 
.smallLinks a:visited { 
 color:             #333399;
 background:        transparent;
 text-decoration:   none;
}
.smallLinks a:hover { 
 color:             #A0A4C1;    
 background:        transparent;
 text-decoration:   underline;
}
/*
    Light links
------------------------------------------------------ */ 
.lightLinks {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         10px;
 color:             #353962;
 background-color:  transparent; 
 white-space:       nowrap;
 cursor:			pointer;
}

.lightLinks a:link { 
 color:             #353962;
 background:        transparent;
 text-decoration:   none;
} 
.lightLinks a:visited { 
 color:             #353962;
 background:        transparent;
 text-decoration:   none;
}
.lightLinks a:hover { 
 color:             #A0A4C1;    
 background:        transparent;
 text-decoration:   underline;
}

/*

    SMALL LINKS IN HEADER (HELP, MAIN MENU, AND LOGOUT)
--------------------------------------------------------------- */
.helpLinks { 
 color:             #fff;
 background:        transparent;
 text-align:        right;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         9px; 
 font-weight:       bold;
 padding:           20px 30px 0 0px;
}

.helpLinks a:link { 
 color:             #fff;
 background:        transparent;
 text-decoration:   none;
}
  
.helpLinks a:visited { 
 color:             #fff;
 background:        transparent;
 text-decoration:   none;
}

.helpLinks a:hover { 
 color:             #B9BDD4;    
 background:        transparent;
 text-decoration:   none;
}

.helpLinksLeft {
 text-align:        left;
 padding-left:      25px;
}

/*

    Alternate Links - Used when an different color
    is needed for links.  For example, if the main links are
    dark blue on a white background, the alternate will typically
    be white on a dark background. 
--------------------------------------------------------------- */

.altLink {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 font-weight:       normal;
 color:				#fff;
}

.altLink a:link { 
 color:             #fff;
 text-decoration:   none;
 white-space:       nowrap;
}
  
.altLink  a:visited { 
 text-decoration:   none;
 color:             #fff;
}
  
.altLink a:hover { 
 text-decoration:   underline;
 color:             #D6D8E4;
}
/*

    DEFAULT FONTS
--------------------------------------------------------------- */

.default, .defaultPad, .defaultRight, .defaultPadBold, .defaultBold, .defaultSmall, .defaultCenter, .defaultLight {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #333;
 padding:			1px 0 1px 0;
 margin:			0;
 background-color:  transparent;  
}

.defaultLight {
 color:             #999;
}

.defaultRight {
 text-align:        right;
}

.defaultRightBold {
 text-align:        right;
 font-weight:       bold;
}

.defaultCenter {
 text-align:        center;
}

.defaultBold {
 font-weight:       bold;
 font-size:         11px; 
}

.defaultBold a:link { 
 text-decoration:   none;
}
  
.defaultBold a:visited { 
 text-decoration:   none;
}
  
.defaultBold a:active { 
 text-decoration:   none;
}

.defaultBold a:hover { 
 text-decoration:   underline;
}

.defaultPad {
 padding:           3px 0 3px 5px;
}
.defaultPadBold {
 padding:           3px 0 3px 5px;
 font-weight:       bold;
}

.defaultSmall {
 color:             #333;
 font-size:         10px;
}

.smallNoWrap {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 color:             #333;
 font-size:         10px;
 white-space:		nowrap;
}

blockquote {
 background: 		#EFEFF4;
 border-left:		4px solid #6363A0;
 border-top:		1px solid #B2B3CE;
 border-bottom:		1px solid #B2B3CE;
 border-right:		1px solid #B2B3CE;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #38394B;
 margin:			8px 2px 10px 6px;
 padding:			10px 10px 10px 6px;
}

/*

    GENERAL TEXT FORMATTING
--------------------------------------------------------------- */

/* Page heading used on most pages */
h1 {  
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         14px;
 font-weight:       bold;
 color:             #424354;
 background:        transparent;
 margin:            0 0 5px 0;
 padding:           0;
}

/* Large Text - used occasionally */
h2 {  
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         13px;
 font-weight:       bold;
 color:             #424354;
 background:        transparent;
}

/* Light heading */
h3 {  
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         16px;
 font-weight:       bold;
 color:             #999;
 background:        transparent;
 margin:            5px 8px 7px 0;
}

/* Smaller bold heading */
h5 {  
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         12px;
 font-weight:       bold;
 color:             #333;
 background:        transparent;
 margin:            0 0 3px 0;
}

pre {  
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #009933;
 background:        transparent;
 margin:            6px 0 6px 19px;
}

p, strong {  
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #333;
 background:        transparent;
 margin:            4px 0 4px 0;
}
  
strong {
 font-weight:       bold;
}

.bold {
 font-weight:       bold;
}

.highlight {
 color:             #990000;
}

.highlight_bold {
 color:             #990000;
 font-weight:       bold;
}

.highlight_alt {
 color:             #009933;
}

.highlight_alt2 {
 color:             #333399;
}

.highlight_alt_bold {
 color:             #009933;
 font-weight:       bold;
}

.alert {
 color:             #990000;
 font-weight:       bold;
}

.nowrap {
 white-space:       nowrap;
}

.simpleLine{
 margin:            3px 0 3px 0;
 padding:           0;
 border-bottom:     #B1B6D2 1px solid;
 background-color:  transparent;  
}

/*

    PADDING
--------------------------------------------------------------- */

.alertHeading, .alertHeadingCenter {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 font-weight:       bold;
 color:             #fff;
 padding:           6px 6px 6px 6px;
 background: 		#6D0000 url({path:image_url}bg_alert.jpg) repeat-x left top;
 border-top:        1px solid #660000;
 border-bottom:     1px solid #660000;
}

.alertHeadingCenter {
 text-align: center;
}

/*

    PADDING
--------------------------------------------------------------- */

.paddedWrapper {
 padding:           3px 0 10px 3px;
 background-color:  transparent;  
}

.bigPad {
 padding:           6px 0 3px 6px;
 background-color:  transparent;  
}

.paddedTop {
 padding:           8px 0 2px 0;
 background-color:  transparent;  
}

.paddedBorder{
 padding:           10px 12px 10px 12px;
 border-bottom:     #7B81A9 1px solid;
 background-color:  transparent;  
}

.leftPad {
 padding-left:      5px;
}

.rightPad {
 padding-right:     10px;
}

.bottomPad {
 padding-bottom:     5px;
}
/*

    Background for Login page
--------------------------------------------------------------- */
.loginBox {
 background: 		#FBFBFD url({path:image_url}gradient_bg.jpg) repeat-x left top;
 color:				#333;
 border-top:     	#A9B6D8 1px solid;
 border-bottom:    	#AEB2D1 1px solid;
 padding:           0 0 40px 60px;
 text-align: 		left;
 margin-top:		1px;
}
.loginLogo {
 text-align:        left;
 padding-left:      60px;
}

.loginInnerBox {
 margin:		20px 50px 4px 0;

}

/*

    HEADER 
--------------------------------------------------------------- */

#topBar {  
 background: transparent;
 margin-top: 6px;
}

#header {  
 background-color:  #5B60A1;
 height:            10px;
}

#simpleHeader {  
 background-color:  #5B60A1;
 height:            14px;
 border-bottom:     #2E345D 1px solid;
 margin:			0;
 padding:			0;
}
/*

    NAVIGATION TABS - Table cell
--------------------------------------------------------------- */
.navCell { 
 background:        #5B60A1; 
 padding:           0;
 margin:			0;
 cursor:			pointer;
}
.navCell a:hover { 
 color:             #787FA4;    
 text-decoration:   none;
}

/*

    NAVIGATION TABS - DEFAULT STATE
--------------------------------------------------------------- */

.cpNavOff, .cpNavLocked { 
 font-family:       Arial, Helvetica, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 text-transform:	uppercase;
 color:             #2C3467;
 background: 		#D0D4EA url({path:image_url}nav_tab_bg.jpg) repeat-x left bottom;
 text-align:        center;
 padding:           6px 4px 5px 4px;
 margin:			0;
 font-weight:       bold;
 border-left:		#ddd 1px solid;
 border-right:		#999 1px solid;
 border-bottom:		#7B81A9 1px solid;
 white-space: 		nowrap;
}

.cpNavHover {
 font-family:       Arial, Helvetica, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 text-transform:	uppercase;
 color:             #787FA4;
 background: 		#DCE0F6 url({path:image_url}nav_tab_bg_on.jpg) repeat-x left bottom;
 text-align:        center;
 padding:           6px 4px 5px 4px;
 margin:			0;
 font-weight:       bold;
 border-left:		#ddd 1px solid;
 border-right:		#999 1px solid;
 border-bottom:		#7B81A9 1px solid;
 white-space: 		nowrap;
}
/*

    NAVIGATION TABS - "SELECTED" STATE
--------------------------------------------------------------- */
.cpNavOn  { 
 font-family:       Arial, Helvetica, Trebuchet MS,Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 text-transform:	uppercase;
 color:             #333;
 background:        #fff;
 padding:           6px 4px 5px 4px;
 margin:			0;
 text-align:        center;
 font-weight:       bold;
 border-left:		#eee 1px solid;
 border-right:		#999 1px solid;
 border-bottom:		#fff 1px solid;
}
.cpNavOn a:hover { 
 color:             #000;    
 background:        transparent;
 text-decoration:   none;
}
/*

    LINKS IN NAVIGATION TABS
--------------------------------------------------------------- */
.cpNavOff a:link { 
 color:             #2C3467;
 background:        transparent;
 text-decoration:   none;
}  

.cpNavOff a:visited { 
 color:             #2C3467;
 background:        transparent;
 text-decoration:   none;
}
  
.cpNavOff a:hover { 
 color:             #E6E8F9;    
 background:        transparent;
 text-decoration:   none;
}
/*

    BREADCRUMB NAVIGATION
--------------------------------------------------------------- */
#breadcrumb {
 margin:            8px 30px 0 28px;
 padding:     		4px 0 0 3px;
 line-height:       18px;
 border-bottom:     #7B81A9 1px solid;
/* begin: IE 5.x/Win width bug workaround */
 width:             auto;
}
* html #breadcrumb {
 width:             100%;
 w\idth:            auto;
/* end of workaround */
}



/* Breadcrumb with no bottom line */

#breadcrumbNoLine {
 margin:            14px 15px 0 15px;
 padding:     		0 13px 0 13px;
 line-height:       18px;
/* begin: IE 5.x/Win width bug workaround */
 width:             auto;
}
* html #breadcrumbNoLine {
 width:             100%;
 w\idth:            auto;
/* end of workaround */
}



/* Padding around breadcrumb */

.crumbPad {
 padding:    8px 0 10px 0;
 margin:	0;
}

/* Right side of bread crumb */

.breadcrumbRight {
 background:        transparent;
 padding:	0;
 margin:	0;
}

/*

   BREADCRUMB LINKS - RIGHT SIDE
--------------------------------------------------------------- */

.crumblinksR {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 text-align:        center; 
 font-weight:		bold;
 margin:			0;
 padding:			3px;
 color:             #fff;
 border-left:       #7B81A9 1px solid;
 border-right:      #7B81A9 1px solid;
 background: 		#8588A0 url({path:image_url}bg_crumb_right.jpg) repeat-x left top;
 cursor:			pointer;
 display:			block;
}


.crumblinksRHover {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 text-align:        center; 
 font-weight:		bold;
 margin:			0;
 padding:			3px;
 color:             #E2E4F3;
 border-left:       #7B81A9 1px solid;
 border-right:      #7B81A9 1px solid;
 background: 		#9FA3C0 url({path:image_url}bg_crumb_right_on.jpg) repeat-x left top;
 cursor:			pointer;
}

/*

   PUBLISH PAGE
--------------------------------------------------------------- */

/*  Colored border around the publish page forms and stuff */

.publishBox {
 background-color:	#E0E1EA;  
 border-left:		#7B81A9 1px solid;
 border-right:		#7B81A9 1px solid;
 border-bottom:		#7B81A9 1px solid;
 padding:			6px 6px 2px 6px;
 margin:			0;
}

.publishInnerPad {
 padding: 0 0 8px 8px;
 margin: 0;
}

.publishRows {
 border-top:        1px solid #fff;
 border-bottom:     1px solid #B1B6D2;
 margin:			0;
 padding:			5px 0 3px 8px;
 background: 		transparent;
}

.publishLine {
 margin:2px 0 0 0;
 padding:0;
 border-bottom:     1px solid #B1B6D2;
}
.publishTitleCluster {
 padding:			0 0 0 8px;
}

.publishTabWrapper {
 margin: 0;
 padding: 0;
 background-color:	transparent;  
 border-bottom:		#fff 1px solid;
}

.publishPad {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #333;
 padding:			1px 5px 1px 10px;
 background-color:  transparent;  
}

/*  Box surrounding the "preview" and "submit" buttons */

.submitBox {
 background-color:	#B3D7A7;  
 border:			#709567 1px solid;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #000;
 text-align:		center;
 margin:     		20px 0 5px 14px;
 padding:			6px 4px 7px 4px;
}

/*  Box surrounding the upload link */

.uploadBox {
 background-color:	#A5B2DC;  
 border:			#6F7CA2 1px solid;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #000;
 text-align:		center;
 margin:     		2px 0 5px 14px;
 padding:			5px 0 5px 0;
 height:			20px;
}

.uploadBox a {
 display:			block;
 font-weight:		bold;
}

.uploadBox a:hover {
 color:				#fff;
}

.uploadBox img {
 vertical-align:	bottom;
 margin-bottom:		-2px;
}

/*  "preview" fieldset in the publish page */

.previewBox {
 background-color:  #F7F7F9;
 border:     		#7B81A9 1px solid;
 color:             #38394B;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 margin:     		0 0 10px 0;
 padding:			6px 8px 10px 8px;
}
.previewItemTitle {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         16px;
 color:             #44496B;
 background-color:  transparent;  
}


/* Boxes that surround stuff in the publish page */

.clusterBox {
 margin:	6px 0 0 0;
 border:    #AFBBCF 1px solid;
}

.clusterLineR {
 border-right:    #C4CFE1 1px solid;
}

.publishItemWrapper {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #333;
 padding:			5px 15px 20px 15px;
 margin:			0;
 background: 		#FBFBFD url({path:image_url}gradient_bg.jpg) repeat-x left top;
 }

.publishSmPad {
  margin: 2px 0 2px 0;
}

/*  JavaScript Tabs in the PUBLISH page */

.publishTabWidth {
 width:	90px;
}
.publishTabWidth a:hover { 
 text-decoration:   none;
}

.publishTabLine {
 border-bottom:		#7B81A9 1px solid;
 margin: 0;
}

.publishTabs {
 border-top:		#ccc 1px solid;
 border-left:		#eee 1px solid;
 border-right:		#999 1px solid;
 border-bottom:		#7B81A9 1px solid;
 text-transform:    uppercase;
 background: 		#D0D4EA url({path:image_url}nav_tab_bg.jpg) repeat-x left bottom;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         10px;
 text-align:		center;
 color:				#2C3467;
 font-weight:		bold;
 padding:           6px 0 6px 0;
 margin: 			0;
 white-space: 		nowrap;
}

.publishTabs a {
color: #2C3467;
}

.publishTabsHover {
 border-top:		#ccc 1px solid;
 border-left:		#ccc 1px solid;
 border-right:		#999 1px solid;
 border-bottom:		#7B81A9 1px solid;
 text-transform:    uppercase;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         10px;
 text-align:		center;
 color:				#787FA4;
 font-weight:		bold;
 padding:           6px 0 6px 0;
 margin: 			0;
 white-space: 		nowrap;
 background: 		#DCE0F6 url({path:image_url}nav_tab_bg_on.jpg) repeat-x left bottom;
}

.publishTabSelected {
 text-transform:    uppercase;
 border-top:		#7B81A9 1px solid;
 border-right:		#7B81A9 1px solid;
 border-left:		#7B81A9 1px solid;
 border-bottom:		#E0E1EA 1px solid;
 background-color:	#E0E1EA; 
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         10px;
 text-align:		center;
 color:				#405579;
 font-weight:		bold;
 padding:           6px 0 6px 0;
 margin: 			0;
 white-space: 		nowrap;
}

/*  JavaScript drop down menu in PUBLISH tab */

#publishdropmenu {
 position:			absolute;
 visibility:		hidden;
 background: 		#FBFBFC url({path:image_url}publish_menu_bg.jpg) repeat-x left top;
 margin:			0;
 color:             #38394B;
 border-bottom:     1px solid #B2B3CE;
 border-left:       1px solid #B2B3CE;
 border-right:      1px solid #B2B3CE;
}

.publishdropmenuinner {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #fff;
 line-height:		20px;
 text-indent:		4px;
 border-bottom: 	1px solid #F1F2F9;
 margin:			0;
 background:		transparent;
 width:				200px;
}
#publishdropmenu a:link {
 display:			block;
 color:				#333399;
 text-decoration:	none; 
}

#publishdropmenu a:visited {
 display:			block;
 color:             #333399;
 background-color:  transparent;
}

#publishdropmenu a:hover {
 display:			block;
 background-color:  #5B60A1;
 color:             #fff;
 text-decoration:   none; 
}


/*  JavaScript drop down menu in SITES tab */

#sitesdropmenu {
 position:			absolute;
 visibility:		hidden;
 background: 		#FBFBFC url({path:image_url}publish_menu_bg.jpg) repeat-x left top;
 margin:			0;
 color:             #38394B;
 border-bottom:     1px solid #B2B3CE;
 border-left:       1px solid #B2B3CE;
 border-right:      1px solid #B2B3CE;
}

.sitesdropmenuinner {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #fff;
 line-height:		20px;
 text-indent:		4px;
 border-bottom: 	1px solid #F1F2F9;
 margin:			0;
 background:		transparent;
 width:				200px;
}
#sitesdropmenu a:link {
 display:			block;
 color:				#333399;
 text-decoration:	none; 
}

#sitesdropmenu a:visited {
 display:			block;
 color:             #333399;
 background-color:  transparent;
}

#sitesdropmenu a:hover {
 display:			block;
 background-color:  #5B60A1;
 color:             #fff;
 text-decoration:   none; 
}

/*  JavaScript drop down menu in PUBLISH tab */

#boardsdropmenu {
 position:			absolute;
 visibility:		hidden;
 background: 		#FBFBFC url({path:image_url}boards_menu_bg.jpg) repeat-x left top;
 margin:			0;
 color:             #38394B;
 border-bottom:     1px solid #B2B3CE;
 border-left:       1px solid #B2B3CE;
 border-right:      1px solid #B2B3CE;
}

.boardsdropmenuinner {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #fff;
 line-height:		20px;
 text-indent:		4px;
 border-bottom: 	1px solid #F1F2F9;
 margin:			0;
 background:		transparent;
 width:				300px;
}
#boardsdropmenu a:link {
 display:			block;
 color:				#333399;
 text-decoration:	none; 
}

#boardsdropmenu a:visited {
 display:			block;
 color:             #333399;
 background-color:  transparent;
}

#boardsdropmenu a:hover {
 display:			block;
 background-color:  #5B60A1;
 color:             #fff;
 text-decoration:   none; 
}

/*

   Alternate Tabs - thes are used in the gallery and the forum
--------------------------------------------------------------- */

.altBox {
 background-color:	#F5F6F8;  
 padding:           2px;
 border-left:		#7B81A9 1px solid;
 border-right:		#7B81A9 1px solid;
 border-bottom:		#7B81A9 1px solid;
}

.altTabs {
 border-top:		#ccc 1px solid;
 border-left:		#eee 1px solid;
 border-right:		#999 1px solid;
 border-bottom:		#7B81A9 1px solid;
 text-transform:    uppercase;
 background: 		#D0D4EA url({path:image_url}nav_tab_bg.jpg) repeat-x left bottom;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         10px;
 text-align:		center;
 color:				#2C3467;
 font-weight:		bold;
 padding:           4px 6px 4px 6px;
 margin: 			0;
 white-space: 		nowrap;
 cursor:			pointer;
}

.altTabs a:link, .altTabs a:visited {
 color:				#2C3467;
}

.altTabs a:hover {
 color:				#787FA4;
}

.altTabsHover {
 border-top:		#ccc 1px solid;
 border-left:		#ccc 1px solid;
 border-right:		#999 1px solid;
 border-bottom:		#7B81A9 1px solid;
 text-transform:    uppercase;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         10px;
 text-align:		center;
 color:				#787FA4;
 font-weight:		bold;
 padding:           4px 6px 4px 6px;
 margin: 			0;
 white-space: 		nowrap;
 background: 		#DCE0F6 url({path:image_url}nav_tab_bg_on.jpg) repeat-x left bottom;
 cursor:			pointer;
}

.altTabSelected {
 text-transform:    uppercase;
 border-top:		#7B81A9 1px solid;
 border-right:		#7B81A9 1px solid;
 border-left:		#7B81A9 1px solid;
 border-bottom:		#6E749D 1px solid;
 background: 		#FBFBFD url({path:image_url}gradient_bg.jpg) repeat-x left top;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         10px;
 text-align:		center;
 color:				#405579;
 font-weight:		bold;
 padding:           4px 6px 4px 6px;
 margin: 			0;
 white-space: 		nowrap;
 cursor:			pointer;
}


/*

   CUSTOM HTML FORMATTING BUTTONS ON THE PUBLISH PAGE
   These are the little JavaScript buttons
--------------------------------------------------------------- */

.buttonMargin {
 margin-bottom:     4px;       
}

.buttonInsert {
 background: 		#fff url({path:image_url}gradient_bg.jpg) repeat-x left top;
 border:			#6F7CA2 1px solid;
 padding:           6px;
 margin:      		3px 0 2px 8px;
}

.htmlButtonOuter, .htmlButtonOuterL {
 background-color:  #f6f6f6;  
 padding:           0;
 border-top:        #333 1px solid;
 border-right:      #333 1px solid;
 border-bottom:     #333 1px solid;
}

.htmlButtonOuterL  {
 border-left:       #333 1px solid;
}

.htmlButtonInner {
 background-color:  transparent;  
 border-left:       #fff 1px solid;
 border-top:        #fff 1px solid;
 border-right:      #ccc 1px solid;
 border-bottom:     #ccc 1px solid;
}

.htmlButtonA {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 font-weight:       bold;
 padding:           2px 3px 3px 3px;
 white-space:       nowrap;
}

.htmlButtonB {
 font-family:       Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:       bold;
 background:        #E1E3EC;
 padding:           2px 3px 3px 3px;
 white-space:       nowrap;
}

.htmlButtonA a:link { 
 color:             #000;
 font-weight:       bold;
 text-decoration:   none;
 white-space:       nowrap;
}
  
.htmlButtonA  a:visited { 
 text-decoration:   none;
}
  
.htmlButtonA a:active { 
 text-decoration:   none;
 color:             #999;
}

.htmlButtonA a:hover { 
 text-decoration:   none;
 color:             #999;
}

.htmlButtonB a:link { 
 color:             #990000;
 font-weight:       bold;
 text-decoration:   none;
 white-space:       nowrap;
}
  
.htmlButtonB  a:visited { 
 text-decoration:   none;
}
  
.htmlButtonB a:active { 
 text-decoration:   none;
 color:             #999;
}

.htmlButtonB a:hover { 
 color:             #999;
 text-decoration:   none;
}

/*

   Buttons in the My Account Signature page
--------------------------------------------------------------- */

.buttonMode {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         10px;
 color:             #73769D;
 background-color:  transparent; 
 white-space: 		nowrap;
}

.htmlButtonOff {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 font-weight:       bold;
 padding:           1px 2px 2px 2px;
 white-space:       nowrap;
}
.htmlButtonOff a:link { 
 color:             #000;
 text-decoration:   none;
 white-space:       nowrap;
}
.htmlButtonOff  a:visited { 
 text-decoration:   none;
}
.htmlButtonOff a:active { 
 text-decoration:   none;
 color:             #999;
}
.htmlButtonOff a:hover { 
 text-decoration:   none;
 color:             #999;
}
.htmlButtonOn {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 font-weight:       bold;
 background:        #f6f6f6;
 padding:           1px 2px 2px 2px;
 white-space:       nowrap;
}
.htmlButtonOn a:link { 
 color:             #990000;
 text-decoration:   none;
 white-space:       nowrap;
}  
.htmlButtonOn  a:visited { 
 text-decoration:   none;
} 
.htmlButtonOn a:active { 
 text-decoration:   none;
 color:             #999;
}
.htmlButtonOn a:hover { 
 color:             #999;
 text-decoration:   none;
}

/*

    CONTROL PANEL HOME PAGE
--------------------------------------------------------------- */

.leftColumn {
 padding:           0 14px 0 0;
}  

.rightColumn {
 padding:           0 0 0 0;
}

.itemPad {
 padding:           0 0 20px 0;
}
/*

   TEMPLATES PAGE
--------------------------------------------------------------- */

.templatePrefBox {
 background: 		#FBFBFD url({path:image_url}gradient_bg.jpg) repeat-x left top;
 padding:           0;
 margin:     		0;
}
.templateEditBox {
 background: 		#FBFBFD url({path:image_url}gradient_bg.jpg) repeat-x left top;
 padding:           1px 1px 3px 1px;
 border:      	 	#BABEDA 1px solid;
 margin:     		0 0 0 0;
}
.templateprefpad {
 padding:           3px 0 0 6px;
 background-color:  transparent;  
}

/* template editing form */
.templatebox {
 background: 		#F7F8FA url({path:image_url}box_bg.jpg) repeat-x left top;
 border-right:      #9298BF 1px solid;
 border-left:       #9298BF 1px solid;
 border-top:        #BABEDA 1px solid;
 border-bottom:     #9298BF 1px solid;
 padding:			4px 6px 6px 10px;
 margin:     		1px 0 1px 0;
}

.templatepad {
 margin:  1px 0 1px 0;
}

/*

   MY ACCOUNT PAGE
--------------------------------------------------------------- */

.profileMenuInner {
 padding:      		4px 6px 4px 10px;
 margin-bottom:     0;
 background: 		#FBFBFD url({path:image_url}gradient_bg.jpg) repeat-x left top;
 border-left:       1px solid #B1B6D2;
 border-right:      1px solid #B1B6D2;
 border-bottom:     1px solid #B1B6D2;
}

.profileHead {
 font-family:		Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:			10px;
 font-weight:		bold;
 color:				#fff;
 padding:			4px 4px 4px 10px;
 background: 		#7E7EB3 url({path:image_url}bg_profile_heading.jpg) repeat-x left top;
 border-top:		1px solid #D9DBE7;
 border-bottom:		1px solid #636A96;
 margin:			0 0 0 0; 
}
.navPad {
 padding:			2px 0 3px 0;
}
.buttonWrapper {
 background-color:  transparent;  
 padding:           10px 0 10px 10px;
}

/*

    ADMIN PAGE
--------------------------------------------------------------- */

.leftCel {
 border-right:      #7B81A9 1px solid;
 padding:           0 40px 0 0;
 white-space:       nowrap;
}  

.rightCel {
 padding:           0 0 0 25px;
 white-space:       nowrap;
}  

.menuHeading {  
 font-family:       Trebuchet MS, Arial, Verdana, Sans-serif;
 font-size:         14px;
 color:             #333;
 font-weight:       bold;
 margin:            3px 0 3px 5px;
 background:        transparent;
}

.menuItem {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #333;
 background-color:  transparent;
 padding:           3px 0 3px 6px;
}

.menuWrapper {
 margin:            0 0 14px 0;
}
/*

    "SUCCESS" MESSAGE
    Used to display a message after user actions
    like submitting an entry, or updating preferences, etc.
--------------------------------------------------------------- */

.success{
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #009933;
 font-weight:       bold;
 background-color:  transparent; 
 margin:            5px 0 5px 0;
}

.successBox {
 background: 		#F7F8FA url({path:image_url}box_bg.jpg) repeat-x left top;
 border:            #B1B6D2 1px solid;
 padding:           3px 0 3px 7px;
 margin:     		1px 0 1px 0;
}

/*

    ITEM WRAPPERS
    Adds a little padding above and below the item.  Used often
    to add a bit of space around text or forms.
--------------------------------------------------------------- */

.itemWrapper {
 padding:           3px 0 5px 0;
 background-color:  transparent;  
}

.itemWrapperTop {
 padding:           12px 0 4px 0;
 background-color:  transparent;  
}

.itemTitle {
 font-family:       Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
 font-size:         12px;
 font-weight:       bold;
 color:             #333;
 padding:           4px 0 3px 0;
 background-color:  transparent;  
}

.fieldWrapper {
 font-family:       Tahoma, Verdana, Geneva, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #333;
 padding:           0 0 12px 0;
 background-color:  transparent;  
}

.xhtmlWrapper {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         10px;
 font-weight:       normal;
 color:             #666;
 text-align:        right;
 padding:           0;
 margin:			2px 0 0 0;
 background-color:  transparent;  
}

.xhtmlWrapperLight {
 color:				#666;
 font-weight:       normal;
}
/*

    BOXES - USED TO ENCLOSE ITEMS
--------------------------------------------------------------- */
.box {
 background: 		#F7F8FA url({path:image_url}box_bg.jpg) repeat-x left top;
 border:            #B1B6D2 1px solid;
 padding:           8px 10px 8px 10px;
 margin:     		1px 0 1px 0;
}
.box280 {
 background-color:  #fff;  
 border:            #B1B6D2 1px solid;
 padding:           12px;
 width:             280px;
 margin-top:        8px;
}
.box320 {
 background: 		#F7F8FA url({path:image_url}box_bg.jpg) repeat-x left top;
 border:            #B1B6D2 1px solid;
 padding:           12px;
 width:             320px;
 margin-bottom:     4px;
 margin-top:        2px;
}
.box450 {
 background: 		#F7F8FA url({path:image_url}box_bg.jpg) repeat-x left top;
 border:            #B1B6D2 1px solid;
 padding:           12px;
 width:             450px;
 margin-bottom:     4px;
 margin-top:        2px;
}
/*

   Sub Menu Nav
   This is used by some modules, like the gallery and forum
--------------------------------------------------------------- */

.subNavWrapper {
 margin:            0 28px 0 28px;
 padding:     		0;
}

/*

   PHOTO GALLERY CSS
--------------------------------------------------------------- */

.galleryBG {
 background-color:  #8F91AA;  
 border:        	#333 1px solid;
 padding:			3px 0 3px 0;
 text-align:		center;
 color: 			#fff;
}
.galleryBG img {
 border:        	#000 1px solid;
}
.galleryThumbView {
 background-color:  #8F91AA;  
 border-top:     	#ccc 1px solid;
 border-bottom:     #333 1px solid;
 border-left:       #333 1px solid;
 border-right:      #333 1px solid;
 text-align:		center;
 color: 			#fff;
 padding:			3px;
}
.galleryThumbView img {
 border:        	#000 1px solid;
}
.galleryTools {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #ccc;
 width:				230px;
 height:			170px;
 border:        	1px solid #999;
 padding:			3px;
}
.galleryToolsOn {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #000;
 background-color:  #DFE0E8;
 width:				230px;
 height:				170px;
 border:        		1px solid #990000;
 padding:			3px;
}
.galleryToolTips {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #009900;
 background-color:  transparent;
 padding:			2px 0 2px 0;
 margin:				1px 0 5px 0px;
 visibility:			hidden;
}
.galleryToolsInputOn {
 border-top:        1px solid #999999;
 border-left:       1px solid #999999;
 background-color:  #fff;
 color:             #000;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 height:            1.6em;
 padding:           .3em 0 0 2px;
 margin-top:        2px;
 margin-bottom:     2px;
} 
.galleryToolsInputOff {
 border-top:        1px solid #ccc;
 border-left:       1px solid #ccc;
 background-color:  #fff;
 color:             #ccc;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 height:            1.6em;
 padding:           .3em 0 0 2px;
 margin-top:        2px;
 margin-bottom:     2px;
} 

.galleryToolsSelectOn {
 background-color:  #fff;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 font-weight:       normal;
 letter-spacing:    .1em;
 color:             #000;
 margin-top:        2px;
 margin-bottom:     2px;
} 
.galleryToolsSelectOff {
 background-color:  #fff;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 font-weight:       normal;
 letter-spacing:    .1em;
 color:             #ccc;
 margin-top:        2px;
 margin-bottom:     2px;
} 
.galleryPrefHeading {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #009933;
 font-weight:       bold;
 background-color:  transparent; 
 padding:           10px 6px 10px 0;
}
.galleryLight {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         10px;
 color:             #333;
}
/*

   SPACER WITH LINE
--------------------------------------------------------------- */

.padBotBorder {
 background-color:  transparent;  
 border-bottom:     #7B81A9 1px dashed;
 margin:     		4px 0 4px 0;
}

/*

   COMMEMT/TRACKBACK DISPLAY IN CP
--------------------------------------------------------------- */

.commentBox {
 background: 		#F7F8FA url({path:image_url}box_bg.jpg) repeat-x left top;
 border:            #B1B6D2 1px solid;
 padding:           1px 5px 1px 1px;
 margin:     		1px 0 1px 0;
}

.comments {
 background-color:  #fff;  
 border-bottom:     #7B81A9 1px solid;
}

.cmtCredits {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #8990B5;
 margin-bottom:     2px;
}

.cmtCreditVal {
 color:             #000;
 padding-left:      6px;
}

.cmtRightBorder {
 border-right:      #B1B6D2 1px solid;
 padding-right:     14px;
}

.cmtLeftPad {
 padding:           2px 6px 0 6px;
}
/*
    CATEGORY DISPLAY (used for category ID numbers in Admin page)
--------------------------------------------------------------- */
.category {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #666;
 line-height:       18px;
 letter-spacing:	.09em;
}
/*

    TABLE FORMATTING
--------------------------------------------------------------- */

.subtext {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 font-weight:       normal;
 color:             #333;
 padding:           6px 0 3px 0;
}

.border {
 border:           1px solid #B1B6D2;
 margin-top:	   1px;
}

.tablePad {
 padding:           1px 1px 1px 1px;
 background-color:	#fff;
}

.tableBorder {
 border-left:      1px solid #B1B6D2;
 border-right:     1px solid #B1B6D2;
 margin:		   0 0 3px 0;
 padding:			0;
}

.tableBorderNoTop {
 border-bottom:        1px solid #B1B6D2; 
 border-right:      1px solid #B1B6D2; 
 border-left:       1px solid #B1B6D2; 
}

.tableBorderNoBot {
 border-top:        1px solid #B1B6D2; 
 border-right:      1px solid #B1B6D2; 
 border-left:       1px solid #B1B6D2; 
}

.tableBorderSides {
 border-right:      1px solid #B1B6D2; 
 border-left:       1px solid #B1B6D2; 
}

.tableHeading {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 font-weight:       bold;
 color:             #fff;
 padding:           5px 6px 5px 6px;
 background: 		#6E73A5 url({path:image_url}bg_table_heading.jpg) repeat-x left top;
 border-top:        1px solid #696E9E;
 border-bottom:     1px solid #535782;
 margin-bottom:		1px;
}

.tableHeadingAlt {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 font-weight:       bold;
 white-space:		nowrap;
 color:             #343859;
 padding:           5px 6px 5px 6px;
 margin-bottom:		1px;
 background: 		#AEB1D0 url({path:image_url}bg_table_heading_alt.jpg) repeat-x left top;
 border-top:        1px solid #A1A6D9;
 border-bottom:     1px solid #7B81A9;
}

.tableHeadingAlt a:link { 
 color:             #424665;    
 text-decoration:   none;
}
.tableHeadingAlt a:visited { 
 color:             #424665;    
 text-decoration:   none;
}
.tableHeadingAlt a:hover { 
 color:             #787FA4;    
 text-decoration:   none;
}

.tableHeadingAltHover {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 font-weight:       bold;
 color:             #696F92;
 padding:           5px 6px 5px 6px;
 margin-bottom:		1px;
 background: 		#C0C3E2 url({path:image_url}bg_table_heading_alt_on.jpg) repeat-x left top;
 border-top:        1px solid #A1A6D9;
 border-bottom:     1px solid #7B81A9;
 cursor:			pointer;
}
.tableHeadingAltHover a { 
 color:             #696F92;    
 text-decoration:   none;
}

.tableHeadingSmall {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         10px;
 font-weight:       bold;
 color:             #fff;
 padding:           5px 3px 5px 3px;
 background: 		#7D82BC url({path:image_url}bg_table_heading.jpg) repeat-x left top;
 border-top:        1px solid #5B60A1;
 border-bottom:     1px solid #595E99;
}
.tableCellOne, .tableCellOneBold {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #333;
 padding:           4px 10px 4px 6px;
 border-top:        2px solid #fff;
 border-bottom:     1px solid #B1B6D2;
 background: 		#F0F0F2 url({path:image_url}bg_cell_one.jpg) repeat-x left top;
}

.tableCellTwo, .tableCellTwoBold {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #333;
 padding:           4px 10px 4px 6px;
 border-top:        2px solid #fff;
 border-bottom:     1px solid #B1B6D2;
 background: 		#ECEEF3 url({path:image_url}bg_cell_two.jpg) repeat-x left top;
}

.tableCellPlain{
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #333;
 padding:           5px 10px 8px 7px;
 border-bottom:     1px solid #B1B6D2;
 background: 		#fff;
}


.tableCellOneBold {
 font-weight:       bold;
}
.tableCellTwoBold {
 font-weight:       bold;
}

.tableCellOneHover {
 background:		#C0C3E2 url({path:image_url}bg_cell_hover.jpg) repeat-x left top;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #333;
 padding:           4px 10px 4px 6px;
 border-top:        2px solid #eee;
 border-bottom:     1px solid #B1B6D2;
}
.tableCellTwoHover {
 background:		#C0C3E2 url({path:image_url}bg_cell_hover.jpg) repeat-x left top;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #333;
 padding:           4px 10px 4px 6px;
 border-top:        2px solid #eee;
 border-bottom:     1px solid #B1B6D2;
}
/*
    IMAGE THUMBNAIL FORM
--------------------------------------------------------------- */
.thumb {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 color:             #000;
 width:				240px;
 border:        	1px solid #990000;
}
.thumbPad {
 padding:			8px;
}

/*
    COPYRIGHT NOTICE
--------------------------------------------------------------- */
.copyright {
 clear: 			both;
 vertical-align:	bottom;
 text-align:        center;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         10px;
 color:             #999;
 line-height:       15px;
 margin:        	1px 0 1px 0;
 padding:           14px 0 14px 0;
 background: 		#fff url({path:image_url}copyright_bg.jpg) repeat-x left top;
 border-top:     	1px solid #D9DBEB;
}
/*

    FORM FIELD FORMATTING
--------------------------------------------------------------- */

form {
 margin:            0;
 padding:           0;
 border:            0;
}
.hidden {
 margin:            0;
 padding:           0;
 border:            0;
}
.input {
 border-top:        2px solid #979AC2;
 border-left:       2px solid #979AC2;
 border-bottom:     1px solid #979AC2;
 border-right:      1px solid #979AC2;
 color:             #333;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 height:            1.7em;
 padding:           0;
 margin:        	0;
} 
.textarea {
 border-top:        2px solid #979AC2;
 border-left:       2px solid #979AC2;
 border-bottom:     1px solid #979AC2;
 border-right:      1px solid #979AC2;
 color:             #333;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 padding:           0;
 margin:        	0;
}
.select {
 background-color:  #fff;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 font-weight:       normal;
 letter-spacing:    .1em;
 color:             #333;
 margin-top:        2px;
 margin-bottom:     2px;
} 
.multiselect {
 border-top:        2px solid #979AC2;
 border-left:       2px solid #979AC2;
 border-bottom:     1px solid #979AC2;
 border-right:      1px solid #979AC2;
 background-color:  #fff;
 color:             #333;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 margin-top:        2px;
 margin-top:        2px;
} 
.radio {
 background-color:  transparent;
 margin-top:        4px;
 margin-bottom:     4px;
 padding:           0;
 border:            0;
}
.checkbox {
 background-color:  transparent;
 padding:           0;
 border:            0;
}

.buttons {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 font-weight:       bold;
 border-top:		1px solid #9EA3D5;
 border-left:		1px solid #9EA3D5;
 border-right:		1px solid #000;
 border-bottom:		1px solid #000;
 letter-spacing:    .1em;
 margin:        	0;
 padding:			1px 6px 3px 6px;
 background-color:  #3F4471;
 color:             #fff;
 cursor:			pointer;
}

.submit {
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 font-weight:       bold;
 border-top:		1px solid #9EA3D5;
 border-left:		1px solid #9EA3D5;
 border-right:		1px solid #000;
 border-bottom:		1px solid #000;
 margin:        	0;
 padding:			1px 3px 1px 3px;
 background-color:  #3F4471;
 color:             #fff;
 cursor:			pointer;
}  
/*

    ERROR MESSAGE OUTER WRAPPER
    NOTE: the border color needs to match the breadcrumb
--------------------------------------------------------------- */
#error {
 margin-top:        15px;
 padding:           1px;
 border:            #7B81A9 1px solid;
}
/*

    ERROR MESSAGE HEADING
--------------------------------------------------------------- */
.errorheading{
 color:             #fff;
 background:        #990000;
 font-family:       Verdana, Trebuchet MS, Arial, Sans-serif;
 text-align:        center;
 font-size:         12px;
 font-weight:       bold;
 letter-spacing:    1px;
 text-transform:    uppercase;
 padding:           4px;
 margin-bottom:     1px;
}
/*

    ERROR MESSAGE BODY
--------------------------------------------------------------- */
.errormessage {
 color:             #333;
 border-top:        #7B81A9 1px solid;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         12px;
 text-align:        center;
 padding:           20px 10px 20px 10px;
}
/*

    CALENDAR CSS - USED WITH DHTML CALENDAR IN PUBLISH PAGE
--------------------------------------------------------------- */

.calendar {
	border: 1px #6975A3 solid;
	background-color: transparent;
}

.calheading {
	background-color: #7C8BC0;
	color: #fff;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.calnavleft {
	background-color: #7C8BC0;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	padding: 4px;
	cursor: pointer;
}

.calnavright {
	background-color: #7C8BC0;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-align:  right;
	padding: 4px;
	cursor: pointer;
}

.caldayheading {
	background-color: #000;
	color: #fff;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 10px;
	text-align: center;
	padding: 6px 2px 6px 2px;
}

.caldaycells{
	color: #000;
	background-color: #D1D7E6;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 4px;
	border: 1px #E0E5F1 solid;
	cursor: pointer;
}

.caldaycellhover{
	color: #fff;
	background-color: #B3BCD4;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 4px;
	border: 1px #B3BCD4 solid;
	cursor: pointer;
}

.caldayselected{
	background-color: #737FAC;
	color:	#fff;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border: 1px #566188 solid;
	padding: 3px;
	cursor: pointer;
}

.calblanktop {
	background-color: #fff;
	padding: 4px;
}
.calblankbot {
	background-color: #fff;
	padding: 4px;
}

/*
    SPELL CHECK CSS
--------------------------------------------------------------- */

.iframe {border:1px solid #6666CC;}

.wordSuggestion
{
	background-color: #f4f4f4; 
	border: 1px solid #ccc; 
	padding: 4px; 
}

.wordSuggestion a, .wordSuggestion a:active
{
	cursor: pointer;
}

.spellchecked_word
{
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px dashed #ff0000;
}

.spellchecked_word_selected
{
	cursor: pointer;
	background-color: #ADFF98;
}

/*
    ADMIN ROUNDED BOX CSS
--------------------------------------------------------------- */


.roundBox { 
	margin: 0 5px; 
 	background: #FBFBFD url({path:image_url}gradient_bg.jpg) repeat-x left top;
}

.roundBox ul li {padding-bottom:5px;}

b.roundBoxTop, b.roundBoxBottom { display:block; background: #FFF; }

b.roundBoxTop b, b.roundBoxBottom b {
	display:block;
	height: 1px;
    background: #DADDE4;
}

b.roundBoxBottom b {background:#FBFBFD;}

b.roundBox1{margin: 0 5px}
b.roundBox2{margin: 0 3px}
b.roundBox3{margin: 0 2px}

b.roundBoxTop b.roundBox4, b.roundBoxBottom b.roundBox4{margin: 0 1px;height: 2px}

.adminTab {
 background-color:	#B3D7A7;  
 border:			#709567 1px solid;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 color:             #000;
 text-align:		center;
 margin:     		0 0 5px 5px;
 padding:			4px 5px 5px 5px;
 cursor:			pointer;
}

.adminTabOn {
 background-color:	#97BA8B;  
 border:			#709567 1px solid;
 font-family:       Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 color:             #000;
 text-align:		center;
 margin:     		0 0 5px 5px;
 padding:			4px 5px 5px 5px;
 cursor:			pointer;
}

html>body .navCell:{publish_tab_selector} #publishdropmenu { {publish_tab_display} }
html>body .navCell:{publish_tab_selector} #publishdropmenu ul { {publish_tab_ul_display} }
html>body #publishdropmenu { display:none; position:absolute; }
html>body #publishdropmenu,
html>body #publishdropmenu * { list-style:none; width:200px; }
html>body #publishdropmenu,
html>body #publishdropmenu * { margin:0; padding:0; }
html>body #publishdropmenu li { position: relative; }
html>body #publishdropmenu ul { display:none; position:absolute; top:5px; left:190px; border-top:1px solid #B2B3CE; }
html>body .navCell #publishdropmenu li:hover { background: #C0C3E2 url({path:image_url}bg_cell_hover.jpg) repeat-x left top; }

html>body .navCell:{sites_tab_selector} #sitesdropmenu { {sites_tab_display} }
html>body .navCell:{sites_tab_selector} #sitesdropmenu ul { {sites_tab_ul_display} }
html>body #sitesdropmenu { display:none; position:absolute; }
html>body #sitesdropmenu,
html>body #sitesdropmenu * { list-style:none; width:200px; }
html>body #sitesdropmenu,
html>body #sitesdropmenu * { margin:0; padding:0; }
html>body #sitesdropmenu li { position: relative; }
html>body #sitesdropmenu ul { display:none; position:absolute; top:5px; left:190px; border-top:1px solid #B2B3CE; }
html>body .navCell #sitesdropmenu li:hover { background: #C0C3E2 url({path:image_url}bg_cell_hover.jpg) repeat-x left top; }

html>body .navCell:hover #boardsdropmenu { display:block; visibility: visible; }
html>body .navCell:hover #boardsdropmenu ul { display:none; }
html>body #boardsdropmenu { display:none; position:absolute; }
html>body #boardsdropmenu,
html>body #boardsdropmenu * { list-style:none; width:275px; }
html>body #boardsdropmenu,
html>body #boardsdropmenu * { margin:0; padding:0; }
html>body #boardsdropmenu li { position: relative; }
html>body #boardsdropmenu ul { display:none; position:absolute; top:5px; left:190px; border-top:1px solid #B2B3CE; }
html>body .navCell #boardsdropmenu li:hover { background: #C0C3E2 url({path:image_url}bg_cell_hover.jpg) repeat-x left top; }