table.standard_table a:link, table.standard_table a:visited  { padding: 4px 10px 3px 10px; height: 12px; margin: 0px; text-decoration: none; 
    background: url(../images/tab_button.gif) no-repeat top left; font: bold 9px/11px Arial, Helvetica, sans-serif; 
    line-height: 20px; color: #000000; border-right: solid 1px #666666; border-left: solid 1px #666666; width:70px; text-transform:uppercase; }
table.standard_table a:hover, table.standard_table a:active { color: #000; background: url(../images/tab_button.gif) no-repeat left -18px;}
/* html definitions */

body { margin: 0px; padding: 0px; background: #fff; font: 14px/16px Arial, Helvetica, sans-serif; }
form { margin: 0px; padding: 0px; }
/* p { margin: 0px; padding: 0px 0px 12px 0px; font: 12px/14px Arial, Helvetica, sans-serif; color: #333; } */
p { margin: 0px; padding: 0px 0px 12px 0px; }
h1 { margin: 0px; padding: 12px 0px 12px 0px; font: bold 18px/20px Arial, Helvetica, sans-serif; color: #01275F; clear: left; text-align: center;}
h2 { margin: 0px; padding: 5px 0px 10px 0px; font: bold 16px/18px Arial, Helvetica, sans-serif;  clear: left; text-align: center; }
h3 { margin: 0px 30px 0px 30px; padding: 0px 0px 10px 0px; font: 14px/16px Arial, Helvetica, sans-serif; clear: left; text-align: left; }
h4 { margin: 0px; padding: 0px 0px 10px 0px; font: bold 12px/14px Arial, Helvetica, sans-serif; clear: left; text-align: center; }
/* Main window in templates with left-hand menu */
.Main_Window { background-color:#FFFFFF; color:#220000; padding-left:240px; padding-right:25px; margin-top:20px; min-height:200px;  }
.Main_Window ul { list-style-type: none; padding:0px; margin:0px; }
.Main_Window li {  background: url(../images/Pointed-Bullet.gif) no-repeat left 2px; padding-left:22px; margin-bottom:10px; }
.Main_Window img {margin:5px; }
/* Main window in templates without left-hand menu */
.Full_Window { background-color:#FFFFFF; color:#220000; padding-left:25px; padding-right:25px; margin-top:20px; min-height:200px;  }
.Full_Window ul { list-style-type: none; padding:0px; margin:0px; }
.Full_Window li {  background: url(../images/Pointed-Bullet.gif) no-repeat left 2px; padding-left:22px; margin-bottom:10px; }
.Full_Window img {margin:5px; }
/* entry textbox style for gridviews */
.small_grid { font: 10px/12px Arial, Helvetica, sans-serif; clear: right; float: left; vertical-align:text-bottom; }
.entry_grid { font: bold 14px/16px Arial, Helvetica, sans-serif; }
.title_grid { font: bold 14px/16px Arial, Helvetica, sans-serif; border: solid 1px #666666; padding-right: 2px; padding-left: 2px; background-color: #FFCF63; }
/* "bullet" styles in reorder lists in gridviews  */
.forward {font-weight: bold; font-style:italic; color: #006363;  text-align:center; }
/*ReorderList */
.dragLabel { width: 84px;
	/*height: 40px; */
	background: url(../images/tab_button.gif) no-repeat left bottom; 
	/*background-color: #FFCF63; */
	cursor: hand;
	text-align: center;
              }

 .title_bm {font: bold 14px/16px Arial, Helvetica, sans-serif; border: solid 1px #666666; background-color: #FFCF63; }
.reorder_list ul { list-style:none; margin: -10px 0px 20px 0px ; padding: 0px; width: 95%; background: #fff }
.reorder_list li { list-style:none; margin: 0px; padding: 0px; width: 100%; background: #fff }
.reorder_list table { margin: 0px; padding: 0px; background: #ffffff; border-collapse: collapse; width: 100%; }
.reorder_list td { font: bold 14px/16px Arial, Helvetica, sans-serif; padding:2px; vertical-align:top; border: solid 1px #666666; margin: -1px 0px 0px 0px; }
/*
label { display: block; margin: 0px; padding: 0px; font: bold 11px/12px Arial, Helvetica, sans-serif; color: #666699; }
ul, ol { font: 12px/14px Arial, Helvetica, sans-serif; color: #333; margin: 0px; padding: 0px 0px 15px 0px; }
li ul, li ol { padding: 0px; }
li li { padding: 0px 0px 0px 0px;  }
li { padding: 0px; margin: 0px 0px 0px 40px; }
hr { display: none; }
*/
a:link, a:visited { color: #666699; }
a:hover, a:active { color: #f2bd53; }

/* headers for pages, 3/21/08 */
/* top green line with floating yellow boxed links on right */
.top_header { background: #006363 url(../images/top_header.gif) repeat-x; height:49px; padding:6px 20px 0px 20px;  text-align:right; }
.top_header p { vertical-align:bottom; clear:both; padding:0px; }
#growthplan_logo { position: absolute; top: 6px;left: 20px; width: 270px; height: 46px; z-index:2; }
.top_header_right { float:right; vertical-align:bottom; clear:both; width:300px; line-height: 20px; margin:0px 0px 0px 0px;
				font: bold 11px/13px Arial, Helvetica, sans-serif; color:#FFCC00 }
.top_header a:link, .top_header a:visited { color: #FFFFC9; float:right; text-decoration: none; border: solid 1px #FFFFC9;
             padding: 0px 5px 2px 5px; width: 130px; text-align:center; font-weight:bold; font: bold 11px/13px Arial, Helvetica, sans-serif; }
.top_header a:hover, .top_header a:active { background-color: #E9BA5D; color: #202020; }

.brown_header { background: #996600 url(../images/brownheader.gif) repeat-x; height: 25px; padding:5px 20px 0px 20px; }
.brown_header h1 { float:left; clear: right; color:#ffff99; font: 16px/18px Arial, Helvetica, sans-serif; padding:0px; margin:0px; }
.brown_header p { float:right; margin:0px 0px -5px 0px; padding:9px 20px 0px 0px; }
.brown_header a:link, .brown_header a:visited { white-space: nowrap; display: block; padding: 1px 20px 1px 20px; margin: 0px -20px 0px 0px; 
                        border-right: solid 1px #666666; vertical-align:bottom; 
                        text-decoration: none; background: url(../images/small_tabs.gif) no-repeat bottom left; 
                        font: bold 11px/13px Arial, Helvetica, sans-serif; line-height:14px; color: #220022; position: relative; float: left; }
.brown_header a:hover, .brown_header a:active { background: url(../images/small_tabs.gif) no-repeat top left; color: #000; }


.blue_green_header { background:#669966 url(../images/Blue_green_header.gif) repeat-x; height:18px; padding: 10px 20px 5px 20px; text-align:left; clear:both; }
.blue_green_header a:link, .blue_green_header a:visited { color: #FFFFC9; text-decoration: none;  border:#FFFFC9 1px solid;
             padding: 0px 5px 0px 5px; text-align:center; font-weight:bold; font: bold 14px/16px Arial, Helvetica, sans-serif; }
.blue_green_header a:hover, .blue_green_header a:active { color:#FFCC00; border-color:#FFCC00; }

/* main pane is container for main worksheet pain below header on right */
.main_pane { margin: 0px 20px 20px 235px; }
/* Panel definitions for main workshhet worksheet */
.panel { background: #e7dfbd; border: 4px solid #633000; color: #002200; padding:0px 10px 20px 10px; }
/* Incomplete panel: */
.panel_incomplete { background: #FFFFEC; border: 2px solid #996600; padding:0px 0px 10px 20px; }
.panel_left {background: #EEFFDD; border: 4px solid #669966; color: #002200; padding:0px 10px 20px 10px; margin-left: -215px;}
/*panel for printing: */
.ppanel {
	margin: 0 10px 0 10px;
	background: #EEFFDD;
	border: 4px solid #669966;
	color: #002200;
	padding: 0px 10px 20px 10px;
}
/* style for key life goals on ws 10 */
 .klg {border: 4px solid #669966;}
/* image style for small gifs */
.gifstyle 
{border: 2px solid #009933;
 margin: 0 10px 5px 10px;
} 
/* background for empty text box hint (gray on pale yellow) */
.text_hint { color:#999999; background:#ffffcc; }

/* standard table, applies mostly to gridview */
table.standard_table {
	background: #008000;
	margin-bottom: 10px;
	width: 100%;
	border-collapse: collapse;
	border-left: solid 1px #666666;
	border-bottom: solid 1px #666666;
	border-top: solid 1px #006363;
}
table.standard_table th { padding: 3px 5px; background: #006363; border-right: solid 1px #007777; font: bold 14px/16px Arial, Helvetica, sans-serif; color: #ffffc9; text-align: left; vertical-align: top; }
table.standard_table td { padding: 3px 5px; border-right: solid 1px #666666; background: #fff; font: 12px/14px Arial, Helvetica, sans-serif; color: #333; text-align: left; vertical-align: top; }
table.standard_table tr.alternate_row td { background: #e7e5ef; }
table.standard_table td.null_grid td { background: #FF0000;  }
table.standard_table a:link, table.standard_table a:visited  { padding: 4px 10px 3px 10px; height: 12px; margin: 0px; text-decoration: none; 
    background: url(../images/tab_button.gif) no-repeat top left; font: bold 9px/11px Arial, Helvetica, sans-serif; 
    line-height: 20px; color: #000000; border-right: solid 1px #666666; border-left: solid 1px #666666; width:70px; text-transform:uppercase; }
table.standard_table a:hover, table.standard_table a:active { color: #000; background: url(../images/tab_button.gif) no-repeat left -18px;}

/* table for picture */
table.profiletable 
{
	background: #FFCF63;
	border-color: #FFCF63;
	border-width: 2px;
	border-style: outset;
}
	

/*.detailsviewheader {
	margin: -3px -5px -3px -5px;
	padding: 8px 5px 10px 5px;
	background: #006363;
	border-right: solid 1px #007777;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	color: #ffffc9;
	text-align: left;
	vertical-align: top;
}
*/
/* Small tabs, which have 4 background : 
small_tabs - neutral - buff background
incomplete (incomplete - brown -- complete - green 
chosen (not a button) - same green as gridwies header */
table.small_tabs { padding: 0px 0px -2px 0px; margin: 0px 0px -3px 10px; }
table.small_tabs td { padding:0px; margin:0px; vertical-align: bottom; }
.small_tabs { padding: 0px; }
.small_tabs a:link, .small_tabs a:visited { white-space: nowrap; display: block; padding: 1px 10px 1px 20px; 
                        border-right: solid 1px #666666; vertical-align:bottom; 
                        margin: 0px; text-decoration: none; background: url('../images/small_tabs.gif') no-repeat bottom left; 
                        font: bold 11px/13px Arial, Helvetica, sans-serif; line-height:14px; color: #220022; position: relative; float: left; }
.small_tabs a:hover, .small_tabs a:active { background: url(../images/small_tabs.gif) no-repeat top left; color: #000; }



.small_tabs_incomplete { padding: 0px; }
.small_tabs_incomplete a:link, .small_tabs_incomplete a:visited { white-space: nowrap; display: block; padding: 1px 10px 1px 20px; 
                        border-right: solid 1px #666666; vertical-align:bottom; 
                        margin: 0px; text-decoration: none; background: url('../images/small_tabs_incomplete.gif') no-repeat bottom left; 
                        font: bold 11px/13px Arial, Helvetica, sans-serif; line-height:14px; color: #220022; position: relative; float: left; }
.small_tabs_incomplete a:hover, .small_tabs_incomplete a:active { background: url(../images/small_tabs_incomplete.gif) no-repeat top left; color: #000; }

.small_tabs_complete { padding: 0px; }
.small_tabs_complete a:link, .small_tabs_complete a:visited { white-space: nowrap; display: block; padding: 0px 10px 2px 20px; 
        border-right: solid 1px #666666;
        margin: 0px; text-decoration: none; background: url('../images/small_tabs_complete.gif') no-repeat bottom left; 
        font: bold 11px/13px Arial, Helvetica, sans-serif; line-height:14px; color: #002200; position: relative; float: left; vertical-align:bottom; }
.small_tabs_complete a:hover, .small_tabs_complete a:active { background: url(../images/small_tabs_incomplete.gif) no-repeat top left;  color: #000; }

.small_tabs_gridview_header a:link, .small_tabs_gridview_header a:active, .small_tabs_gridview_header a:hover, 
        .small_tabs_gridview_header a:visited  { white-space: nowrap; display: block; padding: 0px 10px 2px 20px; color: #ffffc9; 
        text-align: left; margin:0px;
        border-right: solid 1px #666666; line-height:14px; position: relative; float: left; vertical-align: bottom; text-decoration: none;
        background: url(../images/small_tabs_grid_header.gif) no-repeat; font: bold 12px/14px Arial, Helvetica, sans-serif; }


/* normal buttons, no tab */
.standard_button a:link, .standard_button a:visited { white-space: nowrap; display: block; padding: 3px 10px 3px 10px; margin: 0px; 
                                                    text-decoration: none; background: url(../images/tab_button.gif) no-repeat; height: 12px;
                                                    font: bold 9px/11px Arial, Helvetica, sans-serif; color: #000000; 
                                                    border-left: solid 1px #666666; border-right: solid 1px #666666; position: relative; float: left; }
.standard_button a:hover, .standard_button a:active { color: #000; background: url(../images/tab_button.gif) no-repeat 0px -18px;}

/* NavigationBox */

.numbering {font: bold 16px/18px Arial, Helvetica, sans-serif; color: #006363; margin: 5px 10px 5px 0px; text-align:right; display: block; float:left;
            width:20px; position:absolute; left:0px; z-index:5;  white-space: nowrap; }

.NavigationBox { background: #669966; width:168px; margin:0px; padding:0px; position:absolute; left:0px; font: 11px/12px Arial, Helvetica, sans-serif; 
                       font-style:italic; width:224px; }
.NavigationBox p { margin:3px 10px -10px 25px; font-style:italic; color:#000000; }
.NavigationBox td { height:30px; background: #669966 url(../images/Blue_green_header.gif) repeat-x; padding:0px; margin:0px; }
.NavigationBox th { background: #669966; padding-bottom:20px; font: bold 14px/14px Arial, Helvetica, sans-serif; color: #003333; text-align:left; font-style:normal; height:0px; }
.NavigationBox h2 { font: bold 14px/14px Arial, Helvetica, sans-serif; color: #003333; text-align:center; font-style:normal; }
.NavigationBox table { background: #669966 url(../images/Blue_green_header.gif) repeat-x; width:224px;  padding:0px; margin:0px; border-collapse:collapse; }
/* .NavogationBox br { clear:both; }	*/
.NavigationBox a:link, .NavigationBox a:visited {
    display: block; 
    font: 11px/13px Arial, Helvetica, sans-serif;
    width: 167px;
    height: 22px;
    padding: 4px 25px;
    background: url(../images/large_tabs.gif) no-repeat 0px -30px;
    color: #112211;
    text-decoration: none;
}
.NavigationBox a:hover, .NavigationBox a:active { background: url(../images/large_tabs.gif) no-repeat 0px 0px; }

/* Login */
.Login { background: #669966; width:168px; margin:0px; padding:0px; position:absolute; left:0px; font: 11px/12px Arial, Helvetica, sans-serif; 
                       font-style:italic; width:224px; }
.Login p { margin:3px 10px -10px 25px; font-style:italic; color:#000000; }
.Login td { height:30px; background: #669966 url(../images/Blue_green_header.gif) repeat-x; padding:0px; margin:0px; }
.Login th { background: #669966; padding-bottom:20px; font: bold 14px/14px Arial, Helvetica, sans-serif; color: #003333; text-align:left; font-style:normal; height:0px; }
.Login h2 { font: bold 14px/14px Arial, Helvetica, sans-serif; color: #003333; text-align:center; font-style:normal; }
.Login table { background: #669966 url(../images/Blue_green_header.gif) repeat-x; width:224px;  padding:0px; margin:0px; border-collapse:collapse; }
.Login button {  background: #669966 }

.Login a:link, Login a:visited  { padding: 4px 10px 3px 10px; height: 12px; margin: 0px; text-decoration: none; 
    background: url(../images/tab_button.gif) no-repeat top left; font: bold 9px/11px Arial, Helvetica, sans-serif; 
    line-height: 20px; color: #000000; border-right: solid 1px #666666; border-left: solid 1px #666666; width:70px; text-transform:uppercase; }
.Login a:hover, .Login a:active { color: #000; background: url(../images/tab_button.gif) no-repeat left -18px;}




.LargeBox a:link, .LargeBox a:visited {
    display: block; 
    font: bold 16px/18px Arial, Helvetica, sans-serif;
    width: 167px;
    height: 18px;
    padding: 6px 25px;
    background: url(../images/large_tabs.gif) no-repeat 0px -30px;
    color: #112211;
    text-decoration: none;
}
.LargeBox a:hover, .LargeBox a:active { background: url(../images/large_tabs.gif) no-repeat 0px 0px; }

.SubSectionTitle {clear: right; float: left; font-weight: bold;}
.copyright { background:#006363; color:#FFFFC9 }