.bb td.yellow_bg
{
	background-color: Yellow;
	cursor: hand;
	cursor: pointer;
}

#AdminMenu
{
	position: absolute;
	display: none;
	left: 0;
	width: 550px;
	top: 0;
	background: white;
	border: 1px solid #0E568F;
	border-width: 1px 1px;
	padding: 5px;
	font-weight: normal;
	font-size: 12px;
	z-index: 100;
}


  a.adminbutton 
		{
			display: inline-block;
	
			padding: 4px 4px 4px 30px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border: none;
			color: #303030;
			background: #fff;
			text-decoration: none;
		   cursor: pointer;
			font-weight: bold;	font-size: 12px;
			width: 135px;
		}
		
		   a.adminbutton i 
		{
			  font-weight: normal;font-size: 10px;
		} 
		
		a.adminbutton:hover 
		{
			color: #000;
			background-color: yellow;
		}
      
a.adminbutton-project { background: url(/plan/content/img/mgr24/project.png) 2px 55% no-repeat ;  }
a.adminbutton-timecard { background: url(/plan/content/img/mgr24/timecard.png) 2px 55% no-repeat ;  }
a.adminbutton-orgchart { background: url(/plan/content/img/mgr24/orgchart.png) 2px 55% no-repeat ;  }
a.adminbutton-employees { background: url(/plan/content/img/mgr24/employees.png) 2px 55% no-repeat ;  }
a.adminbutton-schedule { background: url(/plan/content/img/mgr24/schedule.png) 2px 55% no-repeat ;  }
a.adminbutton-reports { background: url(/plan/content/img/mgr24/reports.png) 2px 55% no-repeat ;  }
a.adminbutton-wizard { background: url(/plan/content/img/mgr24/wizard.png) 2px 55% no-repeat ;  }
a.adminbutton-settings { background: url(/plan/content/img/mgr24/settings.png) 2px 55% no-repeat ;  }
a.adminbutton-purchase { background: url(/plan/content/img/mgr24/purchase.png) 2px 55% no-repeat ;  }
    


  a.attachbutton 
        {
            display: inline-block;
    margin-left: 10px;
            padding: 4px 4px 4px 24px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border: none;
            color: #303030;
            background: #fff;
           width: 28%; 
           cursor: pointer;
            font-weight: bold;	font-size: 12px;
          
	background-repeat: no-repeat;
	background-position: 2px 55%;
        }
         div.attachbutton 
        { 
	background-repeat: no-repeat;
	background-position: 2px 55%;
            display: block;
    width: 28%; float:left ;
            padding: 4px 4px 4px 24px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border: none;
            color: #303030;
         /*   background: #fff;
*/
          position: relative ;
           cursor: pointer;
            font-weight: bold;	font-size: 12px;
         
        }
           a.attachbutton i , div.attachbutton  i
        {  	text-decoration:none;
        	  font-weight: normal;font-size: 10px;
        } 
        
        a.attachbutton:hover  , .hover
        {
            color: #000;
            background-color: yellow;
        }

div.attachbutton  a.close-button 
{
 display:block;
background:transparent url(/plan/static/img/close.png) no-repeat scroll 0 0;
cursor:pointer;
height:16px;
position:absolute;
right:5px;
top:5px;
text-decoration:none; 
width:16px;
}


h3.h3title
{
	margin: 0px;
	padding: 0px;
}


table.center
{
	margin-left: auto;
	margin-right: auto;
}

.clickable
{
	cursor: hand;
	cursor: pointer;
}







.helpTable
{
}
.helpTable td
{
	font-size: 11px;
}
.helpTable span
{
	display: -moz-inline-stack;
	display: inline-block;
	padding: 4px;
}
.helpTable td span.yellow
{
	background: yellow;
	color: Black;
}
.helpTable td a span.yellow
{
	color: Black;
	text-decoration: none;
}
.helpTable td span.green
{
	background: green;
	color: white;
}
.helpTable td a span.green
{
	color: white;
	text-decoration: none;
}
#feedbackregion
{
	background-color: #F6F6F6;
	border-color: yellow;
	border-style: solid;
	border-width: 4px;
	padding: 10px;
}
#feedbackregion h3
{
	margin: 0;
	font-size: 21px;
	font-weight: bold;
	color: #000000;
}
#feedbackregion p, #feedbackregion td
{
	margin: 3px;
	font-size: 12px;
	color: #000000;
}
.helpcontent
{
	background-color: white;
	border: 4px solid green;
	padding: 4px 4px 4px 4px;
}

 
#AdminMenu legend
{
	border: 0px;
}


#AdminMenu fieldset
{
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top: 2px solid Black;
}
#AdminMenu a
{
	text-decoration: none;
	color: Black;
}

#AdminMenu legend a
{
	font-weight: bold;
	font-size: 13px;
	color: Black;
	padding: 0px;
}

#AdminMenu td
{
	font-weight: bold;
	font-size: 10px;
	color: Black;
	padding: 4px;
}
#AdminMenu a span
{
	font-size: 10px;
	color: #666666;
	padding: 0px;
}
 
#MessageContainer
{
	padding: 2px 2px 2px 2px;
}
table.tablestyle
{
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}

.tablestyle td.sub
{
	background: url(/plan/content/i/dark_fade_g.png) repeat-x scroll;
	font-weight: bold;
	color: #000000;
	padding: 3px 3px 3px 5px;
}
.tablestyle td
{
	padding: 2px 2px 2px 5px;
	text-align: left;
	border-bottom: 1px solid gray;
}
.tablestyle tr.odd
{
	background: #F2F2F2 none repeat scroll 0 0;
}

.tablestyle th
{
	text-align: left;
	border-bottom: 1px solid #cccccc;
	padding: 4px 4px 4px 5px;
	font-weight: bold;
	color: #ffffff;
	background: url(/plan/content/i/bg7.png) repeat-x scroll;
}

.tablestyle td a
{
	color: #000000;
	padding-left: 2px;
	padding-right: 2px;
}
.tablestyle td a:hover
{
	background: #C60000 none repeat scroll 0 0;
	border-bottom-width: 0;
	color: #FFFFFF;
	text-decoration: none;
}

.tablestyle_borders td
{
	border: 1px solid #cccccc;
}
.tablestyle_borders
{
	border-collapse: collapse;
}

.tac
{
	text-align: center;
}
 
.subtab
{
	margin-top: 2px;
	width: 100%;
	background-image: url(/plan/content/img/header-bar.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.subtab table.submenu a
{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	margin-left: 1px;
	margin-right: 1px;
	white-space: nowrap;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	padding: 5px;
	display: block;
	border-bottom: 1px solid #dddddd;
}
.subtab table.submenu .navitem a:hover
{
	background-color: yellow;
}
.subtab table.submenu .navitem a
{
	background-color: #ffffff;
	color: Black;
}
.subtab table.submenu .selected a
{
	color: Black;
	background-color: #dddddd;
}
.page-header
{
	font-weight: bold;
	padding: 0px;
	font-size: 26px;
}
.page-breadcrumbs A
{
	color: BLACK;
}
.page-breadcrumbs
{
	font-weight: bold;
	font-size: 10px;
	padding: 0px;
}


div.lmf
{
	float: left;
	margin-left: 10px;
}

 
.underline
{
	text-decoration: underline;
}
 
select.big
{
	font-size: 14px;
	font-weight: bold;
	border: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
 
a.ab
{
	background: transparent url(/plan/content/i/sb-right.png) no-repeat scroll right top;
	color: #333333;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 2px;
	padding-right: 9px;
	text-decoration: none;
}

a.ab strong
{
	background: transparent url(/plan/content/i/sb-left.png) no-repeat scroll left top;
	color: #333333;
	display: block;
	line-height: 24px;
	padding-left: 9px;
	text-shadow: 0 1px 0 #FFFFFF;
	cursor: hand;
	cursor: pointer;
}

a.ab:hover
{
	text-decoration: underline;
	color: #333333;
}
 
div.g230
{
	width: 220px;
	float: left;
	padding: 5px;
	margin-right: 2px;
}

#footer ul
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	outline-style: none;
	margin: 0;
	padding: 0;
}

#footer
{
	background-color: #F0F0F0;
	border-top: 1px solid #c0c0c0;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	width: 100%;
	color: #000;
}

#footer a
{
	color: #000;
}


#footer h2
{
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 3px;
	padding: 0;
}


#footer h1
{
	color: #000;
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 20px;
}

div.clear
{
	clear: both;
}

body.winter
{
	background: #88BFDE url(/plan/content/img/background_snow.jpg) repeat-x scroll 0 0;
}

#topbar a, #topbar a:visited
{
	color: blue;
}
 
.nounderline a
{
	text-decoration: none;
}
table.helper
{
	font-size: 12px;
}
table.helper td.emptytitle
{
	width: 100%;
	text-align: right;
}
table.helper td.helptitle
{
	background-color: green;
	color: #ffffff;
}
table.helper td.helplink
{
	white-space: nowrap;
	color: #ffffff;
	background-color: green;
	text-align: right;
}
table.helper td.helplink a
{
	color: #ffffff;
}
table.helper td.helpcontent
{
}
table.helpborder
{
	border: 1px solid green;
}


a.link_button:active, a.link_button_big:active, a.link_button:visited, a.link_button_big:visited, a.link_button:link, a.link_button_big:link
{
	color: #FFFFFF;
}


/* features page styles */

.fbox
{
	width: 230px;
	border: 1px solid Gray;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	float: left;
	background-color: #eeeeee;
}
#fbox_holder
{
	width: 775px;
	margin-left: auto;
	margin-right: auto;
}
 
.medium_text
{
	font-size: 18px;
	color: #142F5F;
}
 
.feature_icon
{
	float: left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #ccc;
}

#features_floater
{
	background-color: #DDEEFF;
	border: 1px solid #99CCFF;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 5px 5px 5px;
	width: 350px;
}
#features_floater h3
{
	color: #656551;
	font-size: 15px;
}


/* features page styles : end */
 
#sign_up:hover
{
	background: transparent url(   '/plan/content/welcome/signup-button.png' ) no-repeat scroll left top;
	background-position: -30px -30px;
}

#sign_up
{
	background: transparent url(   '/plan/content/welcome/signup-button.png' ) no-repeat scroll left top;
	display: block;
	text-indent: -999em;
	background-position: -30px -150px;
	width: 710px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}
 
.hc
{
	display: none;
}

.error_message
{
	background: #FBE3E4 none repeat scroll 0 0;
	border: 2px solid #FBC2C4;
	margin-bottom: 5px;
	padding: 5px;
	color: #8A1F11;
}

.info_message
{
	background: #BDE5F8 none repeat scroll 0 0;
	border: 2px solid #00529B;
	margin-bottom: 5px;
	padding: 5px;
	color: #00529B;
}

.notice_message
{
	background: #FFF6BF none repeat scroll 0 0;
	border: 2px solid #FFD324;
	margin-bottom: 5px;
	padding: 5px;
	color: #514721;
}

.success_message
{
	background: #E6EFC2 none repeat scroll 0 0;
	border: 2px solid #C6D880;
	color: #264409;
	margin-bottom: 5px;
	padding: 5px;
}
 

.statusheader
{
	color: #990000;
	font-size: 16pt;
	font-weight: normal;
}
.commentlist
{
	margin: 20px 20px;
}

div.comment .author
{
	/*text-align: right; */
	margin-left: 100px;
	font-size: smaller;
	font-style: italic;
}

.comment-divider
{
	border-bottom: 1px solid #C0C0C0;
	margin: 5px 5px 5px 5px;
}
 
.reporttitleselect
{
	color: #436DB0;
	font-size: 14px;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: underline;
}
input.messageupdate
{
	font-size: 18px;
	font-weight: bold;
	width: 98%;
	border: 2px solid #CCCCCC;
}
.mout
{
	background-color: #ffffff;
	color: #000;
	padding: 5px 5px 5px 5px;
}
.mover
{
	cursor: pointer;
	cursor: hand;
	background-color: #DAEDF6;
	color: #000;
	padding: 5px 5px 5px 5px;
}


#topbar td
{
	padding-left: 1px;
	padding-right: 1px;
}

.redtext
{
	font-weight: bold;
	color: Red;
}
img.help
{
	border: 2px solid #BFBFBF;
}
table.si td
{
	background-color: transparent;
	cursor: pointer;
	cursor: hand;
}

div.error
{
}
H1.error
{
	color: Red;
	font-size: 16px;
}
select .timezone
{
	width: 290;
}
fieldset
{
	border: 1px solid Black;
	padding: 5px 5px 5px 5px;
}
legend
{
	padding: 5px 5px;
	border: 1px solid Black;
	color: Black;
	font-size: 90%;
}
div.pricebox
{
	border: 5px solid Black;
	padding: 5px 5px 5px 5px;
}
div.pricebox div.total
{
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #00008B;
}
div.pricebox div.detail
{
	font-size: 10px;
}
.rightfloatbox
{
	/*check height on this*/
	border: 1px solid #99CCFF;
	padding: 5px 5px 5px 5px;
	float: right;
	margin: 10px 10px 10px 10px;
	width: 240px;
	height: 175px;
	background-color: #DDEEFF;
	clear: none;
}
table.center
{
	margin-left: auto;
	margin-right: auto;
}
.toc
{
	color: #000000;
}
.toc td
{
	border-bottom: 1px solid gray;
}
#joinnow td
{
	border: 1px solid #FF9900;
	background-color: Yellow;
}
#joinnow h3
{
	color: #990000;
	font-size: 20px;
	display: inline;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding: 0 0 0 0;
}
#joinnow .small
{
	color: #000000;
	font-size: 9px;
}
#contentblock ul
{
	list-style: square;
}
#contentblock
{
	font-size: 12px;
}
#contentblock .bignum
{
	padding-right: 10px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 350%;
	color: silver;
	padding-top: 0px;
}
#contentblock H3
{
	font-size: 120%;
	color: #656551;
	position: relative;
}
#contentblock H3 a
{
	color: #656551;
}
#contentblock H3.black
{
	font-size: 120%;
	color: #000000;
	letter-spacing: 1px;
	position: relative;
}
#contentblock H3.black a
{
	color: #000000;
}
#contentblock H1
{
	margin: 10px 0pt 12px;
	color: #444444;
}
#contentblock .bigPara
{
	font-size: 20px;
	margin: 0pt 0pt 20px;
	color: #222222 !important;
	line-height: 30px;
}
#contentblock P, .regcontent
{
	color: #555555;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 15px;
	padding: 0;
}

 
#contentblock H2
{
	text-align: center;
	font-size: 14px;
	line-height: 1.2em; /*margin:0 0 3px;*/
}
#contentblock h1.h1title
{
	font-size: 33px;
	line-height: 120%;
	margin-bottom: 10px;
	margin: 0px;
	padding: 0px;
}
h1.h1title
{
	font-size: 33px;
	line-height: 120%;
	margin-bottom: 10px;
	margin: 0px;
	padding: 0px;
}
.greenbox
{
	border-width: 1px;
	border-style: solid;
	padding: 5px 5px;
	border-color: #00E636;
	background-color: #B3FFC3;
}
.yellowbox
{
	border-width: 1px;
	border-style: solid;
	padding: 5px 5px;
	border-color: #FFA64D;
	background-color: #FFFFB3;
}
.redbox
{
	border-width: 1px;
	border-style: solid;
	padding: 5px 5px;
	border-color: #FF0000;
	background-color: #FFB3B3;
}
BODY
{
	font-size: 11px;
	background: #0E568F url(img/bodybg2.gif) repeat-x fixed left top;
	color: #333;
	font-weight: normal;
	font-family: "lucida grande" ,tahoma,verdana,arial,FreeSans,sans-serif;
	padding: 0px;
	margin: 0px;
	
}



div.headerbar  {
background-color:#000000;
font-family:"Helvetica Neue",Helvetica,sans-serif;
 padding: 1px;
  color: #ffffff;
width:100%; font-weight:bold;
}

div.headerbar div 
{width: 975px; margin: 0 auto; text-align: right; padding-right:15px;
    }

div.headerbar a { color: #ffffff; font-weight:bold;  } 

.link_button_big
{
	font-size: 14px;
	background: url(   '/plan/content/img/navbar_bg.png' );
	display: block;
	width: 120px;
	margin: 1px;
	text-align: center;
	padding: 5px;
	border: 1px solid #003366;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.link_button
{
	background: url(   '/plan/content/img/navbar_bg.png' );
	display: block;
	margin: 1px;
	text-align: center;
	padding: 5px;
	border: 1px solid #003366;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.link_button:hover, .link_button_big:hover
{
	background: url(   '/plan/content/img/navbar_bg3.png' );
}
H1
{
	display: inline;
	font-size: 20px;
	color: navy;
}
H3
{
	font-size: 16px;
	color: navy;
}
H4
{
	font-size: 16px;
	color: navy;
}
.sg1
{
	text-align: center;
	margin-top: 5;
	margin-bottom: 5;
	background-image: url( '/plan/content/img/grad/g1.png' );
}
.sg2
{
	text-align: center;
	margin-top: 5;
	margin-bottom: 5;
	background-image: url( '/plan/content/img/grad/g2.png' );
}
.sg3
{
	text-align: center;
	margin-top: 5;
	margin-bottom: 5;
	background-image: url( '/plan/content/img/grad/g3.png' );
}
.sg4
{
	text-align: center;
	margin-top: 5;
	margin-bottom: 5;
	background-image: url( '/plan/content/img/grad/g4.png' );
}
.gblack
{
	border: 2px solid Black;
	text-align: center;
}
input.buttonbs
{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	height: 26px;
	background-color: #ffffff;
	background-image: url( '/plan/content/img/buttonb.gif' );
	border-style: solid;
	border-color: #DDDDDD;
	border-width: 1px;
}
input.i
{
	border-color: #b1b1b1;
	background: #fff url( '/plan/content/img/formfield_bg.gif' ) repeat-x 0 0;
	border: 1px solid #1d1d0e;
	padding: 4px;
}
select.i
{
	border-color: #b1b1b1;
	font-size: larger;
	background: #fff url(  '/plan/content/img/formfield_bg.gif' ) repeat-x 0 0;
	border: 1px solid #1d1d0e;
	padding: 4px;
}
textarea
{
	border: 1px solid #c5c5c5;
	background: url(  '/plan/content/img/textarea.gif' ) #fff 0% 0%;
	font-size: 120%;
	padding: .2em .2em;
}
a.bigblue
{
	color: #436DB0;
	font-size: 14px;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: underline;
}
a.bigblue:hover
{
	background: #436DB0;
	border-bottom-width: 0px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
a.wl
{
	font-size: 10px;
	text-decoration: none;
	color: White;
}
a.wl:hover
{
	font-size: 10px;
	text-decoration: underline;
	color: White;
}
a.bl
{
	font-size: 10px;
	text-decoration: none;
	color: #000000;
}
a.bl:hover
{
	font-size: 10px;
	text-decoration: underline;
	color: #000000;
}
div.w
{
	color: White;
}
div.b
{
	color: #000000;
}
a.bs
{
	color: #000000;
	font-size: xx-small;
	text-decoration: none;
}
.b table a.w
{
	color: #ffffff;
	font-size: xx-small;
	text-decoration: none;
}
.b
{
	background-color: #1c6253;
	font-size: 11px;
}
.b th
{
	color: #ffffff;
	padding-left: 20px;
	background: url(  '/plan/content/img/navbar_bgg.png' ) repeat-x;
}
.b td.clear
{
	background-color: transparent;
}
.b td.header
{
	background-color: transparent;
	color: #ffffff;
	font-size: xx-small;
	text-decoration: none;
}

.b td.yellow
{
	background-color: yellow;
}
.b td.sub
{
	background: url(   '/plan/content/img/dark_fade_g.png' ) repeat-x;
}
#cal
{
	background-color: #ffffff;
}
#cal th
{
	background-color: #000000;
	color: #ffffff;
}
#cal td
{
	color: #000000;
	width: 15px;
	text-align: right;
}
.c
{
	text-align: center;
}
.r
{
	text-align: right;
}
.l
{
	text-align: left;
}
.step_link
{
	display: inline;
	font-size: 24px;
	color: #eeeeee;
	text-decoration: none;
	font-weight: bold;
}
.step_link_active
{
	display: inline;
	font-size: 24px;
	color: navy;
	text-decoration: none;
	font-weight: bold;
}
.step_link:hover
{
	text-decoration: underline;
	color: yellow;
}
.step_link_active:hover
{
	text-decoration: underline;
	color: yellow;
}
.b td
{
	background-color: #ffffff;
	padding-left: 20px;
	border-bottom: 1px solid gray;
}
.b tr.alt td
{
	background-color: #eeeeee;
}
.b td.nb
{
	border-bottom: none;
}
.b td.bot
{
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

/*  table 2 layout */
.bb table a.w
{
	color: #ffffff;
	font-size: 9px;
	text-decoration: none;
}
.bb
{
	background-color: #1c6253;
}
.bb th
{
	color: #ffffff;
	background: url(   '/plan/content/img/navbar_bgg.png' ) repeat-x;
}
.bb td.clear
{
	background-color: transparent;
}
.bb td.header
{
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
}

.bb td.yellow
{
	background-color: yellow;
}
.bb td.sub
{
	background: url(   '/plan/content/img/dark_fade_g.png' ) repeat-x;
}
.bb td
{
	background-color: #ffffff;
}

.nw
{
	white-space: nowrap;
}
.oh
{
	width: 100%;
}
select.formPulldownText
{
	-x-system-font: none;
	color: #000000;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	text-decoration: none;
}
ul
{
	list-style: none;
}


/* new navigation */

.bbb
{
	border-bottom: 1px solid black;
}

.nw
{
	white-space: nowrap;
} 
  div.msgtotal {
display: inline ; 
-moz-border-radius:5px 5px 5px 5px;
background-color:yellow;
color:#000000;
font-size:10px;
font-weight:bold;
padding:2px;
}


 #nav_menu{
background: none; /*background of menu bar (default state)*/
 
float:right;
font-size:13px;
letter-spacing:0;
}

 
#nav_menu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

#nav_menu ul ul {
	border-bottom:10px solid #087CB0;
}

/*Top level list items*/
#nav_menu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
#nav_menu ul li a{
display: block;
background: none; /*background of menu items (default state)*/
color: #fff;
padding: 8px 10px;

color: #2d2b2b;
text-decoration: none;
}

* html #nav_menu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

#nav_menu ul li a:link, #nav_menu ul li a:visited{

color:#636363;
}

#nav_menu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #111;
color:#fff;
}

#nav_menu ul li a:hover{
background: #087CB0; /*background of menu items during onmouseover (hover state)*/
color: #fff;
}
	
 
  
/* Holly Hack for IE \*/
* html #nav_menu{height: 1%;} /*Holly Hack for IE7 and below*/

 




/* end: new navigation */


.ml
{
	font-weight: bold;
	text-decoration: none;
	color: Black;
}


/* page titles */

div.page-title
{
	background: #ffffff url( img/header-bar.png) repeat-x scroll 0 0;
	border-width: 0;
	height: 46px;
	padding-top: 10px;
	height: 65px;
}

.page-header
{
	font-weight: bold;
	padding: 0px;
	font-size: 28px;
}

.page-breadcrumbs A
{
	color: BLACK;
}

.page-breadcrumbs
{
	font-weight: bold;
	font-size: 10px;
	padding: 0px;
}


span.msgtotal {
     background-color: yellow;
        color: #000;
     /*   margin-left: 3px;
       */
        padding: 2px;
        font-weight: bold;
        border-radius: 5px;
        font-size: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
 
}



div.h28 {
     color: #000;
font-size:28px;
 
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:normal;text-decoration:none;
line-height:normal;
margin-bottom:0;
padding:0;
 
} 





div.h20 {
     color: #000;
font-size:20px;
 
font-style:normal;text-decoration:none;
font-variant:normal;
font-weight:bold;
letter-spacing:normal;
line-height:normal;
margin-bottom:0;
padding:0;
 
} 


div.h16 {
     color: #000;
font-size:16px;
 text-decoration:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:normal;
line-height:normal;
margin-bottom:0;
padding:0;
 
} 


div.h12 {
     color: #000;
font-size:12px;
 text-decoration:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:normal;
line-height:normal;
margin-bottom:0;
padding:0;
 
} 
div.h12 a {
     color: #000;
font-size:12px;
 text-decoration:none;}

/* paging logic */

.sb_pag a, .sb_pag a:visited {
color:#F76120;text-decoration:none;
}
 
.sb_pag a, .sb_pag span {
border:1px solid #D4D4D4;
display:block;
margin:0 5px 0 0;
padding:5px 10px;
text-align:center;
}


.sb_pag li {
float:left;
} 
.sb_pag ul, .sb_pag li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}


.sb_pag a:hover, a.sb_pagS {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FBEFDB none repeat scroll 0 0;
border:1px solid #FFA615;
text-decoration:none;
}
 
.sb_pag a, .sb_pag a:visited {
color:#F76120;
}



/*****************************************************************/
/* form elements */
/*****************************************************************/
.dform input[type="text"], 
.dform input[type="password"], 
.dform textarea, .dform .field, .dform .area, .dform select  {
		border:1px solid #aaa;
		padding:5px;
		background:#fff;
		width:300px;
		line-height:1em;
		margin:0;
		}
 		
		
 
	.dform textarea, .dform .area{overflow:auto; height:150px; width:400px;}
	.dform input[type="text"]:focus, .dform input[type="password"]:focus, 
	.dform textarea:focus, .dform select:focus, .dform .focus
	{
		background:#f5f5f5;outline:none;}
		
		.dform .elementText , .dform .dvalue
		{
		    font-size: 14px;
		    font-weight: bold ;
		    }
		 

h1.x 
{
    margin: 0px;
    padding: 0px;
    color: #000000;
    }
    
    
    
    
/* fancy buttons */    

 .w150 { width: 150px; }
 .w175 { width: 175px; }

 span.button16 { 
			margin-right: 4px;
					margin-bottom: 2px;
            border: solid 1px #606060;
            display: inline-block;
            background: #ffffff url(/plan/static/img/button16/bg.png) repeat-x;
            -moz-border-radius: 5px; }

 

  span.button16 a  {
			-moz-border-radius-bottomleft: 3px;
            -moz-border-radius-bottomright: 3px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-topright: 3px;
            text-decoration: none;
            border: medium none;
            color: #606060;
            cursor: pointer;  
            display: inline-block;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;  padding: 3px 3px 3px 22px; }
			
  span.button16 a:hover { color: #0066CC; }
		
  span.button16 .add { background: transparent url(/plan/static/img/button16/add.png) no-repeat scroll 3px 60%; }
  span.button16 .arrow_left { background: transparent url(/plan/static/img/button16/arrow_left.png) no-repeat scroll 3px 60%; }
  span.button16 .arrow_right { background: transparent url(/plan/static/img/button16/arrow_right.png) no-repeat scroll 3px 60%; }
  span.button16 .copy { background: transparent url(/plan/static/img/button16/copy.png) no-repeat scroll 3px 60%; }
  span.button16 .export { background: transparent url(/plan/static/img/button16/export.png) no-repeat scroll 3px 60%; }
  span.button16 .import { background: transparent url(/plan/static/img/button16/import.png) no-repeat scroll 3px 60%; }
  span.button16 .month { background: transparent url(/plan/static/img/button16/month.png) no-repeat scroll 3px 60%; }
  span.button16 .edit { background: transparent url(/plan/static/img/button16/pencil.png) no-repeat scroll 3px 60%; }
  span.button16 .publish { background: transparent url(/plan/static/img/button16/publish.png) no-repeat scroll 3px 60%; }
  span.button16 .refresh { background: transparent url(/plan/static/img/button16/refresh.png) no-repeat scroll 3px 60%; }
  span.button16 .save { background: transparent url(/plan/static/img/button16/save.png) no-repeat scroll 3px 60%; }
  span.button16 .delete { background: transparent url(/plan/static/img/button16/trash.png) no-repeat scroll 3px 60%; }
  span.button16 .week { background: transparent url(/plan/static/img/button16/week.png) no-repeat scroll 3px 60%; }
  span.button16 .available { background: transparent url(/plan/static/img/button16/available.png) no-repeat scroll 3px 60%; }
  span.button16 .timeoff { background: transparent url(/plan/static/img/button16/timeoff.png) no-repeat scroll 3px 60%; }
    span.button16 .email { background: transparent url(/plan/static/img/button16/email.png) no-repeat scroll 3px 60%; }
  
  


 span.button24 { 
			margin-right: 4px;
								margin-bottom: 2px;
            border: solid 1px #606060;
            display: inline-block;
            background: #ffffff url(/plan/static/img/button24/bg.png) repeat-x;
            -moz-border-radius: 5px; }

 

  span.button24 a  {
			-moz-border-radius-bottomleft: 3px;
            -moz-border-radius-bottomright: 3px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-topright: 3px;
            text-decoration: none;
            border: medium none;
            color: #606060;
            cursor: pointer; 
            display: inline-block;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            font-weight: bold;  padding: 7px 7px 7px 30px; }
			
  span.button24 a:hover { color: #0066CC; }
		
  span.button24 .add { background: transparent url(/plan/static/img/button24/add.png) no-repeat scroll 3px 60%; }
  span.button24 .arrow_left { background: transparent url(/plan/static/img/button24/arrow_left.png) no-repeat scroll 3px 60%; }
  span.button24 .arrow_right { background: transparent url(/plan/static/img/button24/arrow_right.png) no-repeat scroll 3px 60%; }
  span.button24 .copy { background: transparent url(/plan/static/img/button24/copy.png) no-repeat scroll 3px 60%; }
  span.button24 .export { background: transparent url(/plan/static/img/button24/export.png) no-repeat scroll 3px 60%; }
  span.button24 .import { background: transparent url(/plan/static/img/button24/import.png) no-repeat scroll 3px 60%; }
  span.button24 .month { background: transparent url(/plan/static/img/button24/month.png) no-repeat scroll 3px 60%; }
  span.button24 .edit { background: transparent url(/plan/static/img/button24/pencil.png) no-repeat scroll 3px 60%; }
  span.button24 .publish { background: transparent url(/plan/static/img/button24/publish.png) no-repeat scroll 3px 60%; }
  span.button24 .refresh { background: transparent url(/plan/static/img/button24/refresh.png) no-repeat scroll 3px 60%; }
  span.button24 .save { background: transparent url(/plan/static/img/button24/save.png) no-repeat scroll 3px 60%; }
  span.button24 .delete { background: transparent url(/plan/static/img/button24/trash.png) no-repeat scroll 3px 60%; }
  span.button24 .week { background: transparent url(/plan/static/img/button24/week.png) no-repeat scroll 3px 60%; }
    span.button24 .available { background: transparent url(/plan/static/img/button24/available.png) no-repeat scroll 3px 60%; }
  span.button24 .timeoff { background: transparent url(/plan/static/img/button24/timeoff.png) no-repeat scroll 3px 60%; }
    span.button24 .email { background: transparent url(/plan/static/img/button24/email.png) no-repeat scroll 3px 60%; }
    span.button24 .wizard { background: transparent url(/plan/static/img/button24/wizard.png) no-repeat scroll 3px 60%; }
  
  
 /* administration page layout */
    #pagelayout
        {
        }
        #pagelayout td.leftmenu
        {
            vertical-align: top;
            background-image: url( '/plan/static/img/pagelayout-lgradient.png');
            background-repeat: repeat-y;
        }
        #pagelayout td.leftmenu .leftmenu_action
        {
            padding: 7px;
            text-align: right;  border-bottom: solid 1px #666666;
        }
        #pagelayout td.leftmenu .leftmenu_action_active
        {
            padding: 7px;
            border-bottom: solid 1px #666666;
          /*  border-top: solid 1px #666666;*/
            text-decoration: none;
            background-color: #ffffff;
            text-align: right;
        }
        
        #pagelayout td.leftmenu .leftmenu_action a,
         #pagelayout td.leftmenu .leftmenu_action_active a
        {
            text-decoration: none;
            color: #666666;
        }
        #pagelayout td.rightmenu
        {
            vertical-align: top;
            background-image: url( '/plan/static/img/pagelayout-rgradient.png');
            background-repeat: repeat-y;
        }
        #pagelayout td.rightmenu .rightmenu_action
        {
            padding: 7px;
            text-align: left;        border-bottom: solid 1px #666666;
    
        }
        #pagelayout td.rightmenu .rightmenu_action_active
        {
            padding: 7px;
            border-bottom: solid 1px #666666;
      /*      border-top: solid 1px #666666;*/
            text-decoration: none;
            background-color: #ffffff;
            text-align: left;
        }
        #pagelayout td.rightmenu .rightmenu_action a, #pagelayout td.rightmenu .rightmenu_action_active a
        {
            text-decoration: none;
            color: #666666;
        }
      /*  #pagelayout a:hover,*/
         #pagelayout td.rightmenu .rightmenu_action a:hover,
         #pagelayout td.leftmenu .leftmenu_action a:hover,
         #pagelayout td.rightmenu .rightmenu_action_active a:hover, 
          #pagelayout td.leftmenu .leftmenu_action_active a:hover
        {
            text-decoration: underline;
            color: #000000;
        }
        #pagelayout td.content_region
        {
            vertical-align: top;
            padding: 10px;
            width: 100%;
        }
        #pagelayout_header
        {
            border-bottom: solid 1px #666666;
            font-size: 18px;
            font-family: Arial;
            font-weight: bold;
            color: #666666; 
        }
        #pagelayout_header a
        {
            text-decoration: none;
            color: #666666;
        }
        #pagelayout .inforegion
        {
            margin: 5px;
        }
        #pagelayout .inforegion .header
        {
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            background: transparent url(/plan/content/img/navbar_bg3.png) repeat scroll 0 0;
            padding: 7px;
            font-weight: bold;
            color: #ffffff;
            text-decoration: none;
        }
        #pagelayout .inforegion .inforegion_content
        {
            padding: 7px;
            border: solid 1px pink;
        }
        
        
        
  

/* dynamic transparent buttons */
a.buttons span{
	display: inline-block; 
	cursor: pointer; 
	cursor: hand;
	float:left;
	color:#fff;
}
      
  

/* small buttons */
a.small span{
	font-size:15px; 
	font-weight:bold;
}

a.small .button-text{
	padding: 9px 0px 0px 13px; 
}

a.small:active .button-text{
	padding-top:10px; 
}

a.small:hover .button-left, a.small:hover .button-right{
	background-position: 0px -43px;
}

a.small-green .button-left{
	background:url('/plan/content/img/buttons/small-green-left.png') no-repeat; 
	height:38px;
}

a.small-green .button-right{
	background:url('/plan/content/img/buttons/small-green-right.png') no-repeat; 
	width:13px; 
	height:38px;
}

a.small-blue .button-left{
	background:url('/plan/content/img/buttons/small-blue-left.png') no-repeat; 
	height:40px; 
}

a.small-blue .button-right{
	background:url('/plan/content/img/buttons/small-blue-right.png') no-repeat; 
	width:13px; 
	height:40px; 
}
/* end small buttons */




/* medium buttons */
a.medium{
	font-size:19px; 
	font-weight:bold;
	color:#fff;
}

a.medium .button-left .button-text{
	padding: 11px 0px 0px 23px; 
}

a.medium:hover .button-left{
	background-position: 0px -47px;
}

a.medium:hover .button-right{
	background-position: 0px -47px
}

a.medium:active .button-text{
	padding-top:12px; 
}

a.medium-green .button-left{
	background:url('/plan/content/img/buttons/medium-green-left.png') no-repeat; 
	height:46px; 
}

a.medium-green .button-right{
	background:url('/plan/content/img/buttons/medium-green-right.png') no-repeat; 
	width:23px; 
	height:46px; 
}

a.medium-blue .button-left{
	background:url('/plan/content/img/buttons/medium-blue-left.png') no-repeat; 
	height:46px; 
}

a.medium-blue .button-right{
	background:url('/plan/content/img/buttons/medium-blue-right.png') no-repeat; 
	width:23px; 
	height:46px; 
}
/* end medium buttons */





/* large buttons */
a.large{
	font-size:25px; 
	font-weight:bold;
}

a.large .button-left .button-text{
	padding: 19px 0px 0px 30px; 
	color:#fff;
}

a.large:hover .button-left{
	background-position: 0px -62px;
}

a.large:hover .button-right{
	background-position: 0px -62px
}

a.large:active .button-text{
	padding-top:20px;
}


a.large-green .button-left{
	background:url('/plan/content/img/buttons/large-green-left.png') no-repeat; 
	height:59px; 
}

a.large-green .button-right{
	background:url('/plan/content/img/buttons/large-green-right.png') no-repeat; 
	width:30px; 
	height:59px; 
}

a.large-blue .button-left{
	background:url('/plan/content/img/buttons/large-blue-left.png') no-repeat; 
	height:61px; 
	float:left;
}

a.large-blue .button-right{
	background:url('/plan/content/img/buttons/large-blue-right.png') no-repeat; 
	width:30px; 
	color:#fff; 
	height:61px; 
}

a.large-silver .button-left{
	background:url('/plan/content/img/buttons/large-silver-left.png') no-repeat; 
	height:59px; 
}

a.large-silver .button-right{
	background:url('/plan/content/img/buttons/large-silver-right.png') no-repeat; 
	width:30px; 
	height:59px; 
}
a.large-silver .button-left .button-text{
 	color:#000;
}

/* end large buttons */