/*-------------------------------------------------------------------------*/
/* TEAM website Styles -- Last Updated on 05/30/2005. TMG */
/*-------------------------------------------------------------------------*/

#page_content{
	float:none;
	position:relative;
	width:800px;
	margin-left:15%;
}

#menu{
	float:left;
	position: relative;
	margin-left:0px;
	margin-top:0px;	
}

#content{
	float:left;
	position: relative;
	margin-right:0px;
	margin-top:0px;	
}

#footer{
	float:left;
	position: relative;
	left:260px;
	top:550px;
	
}

/*-------------------------------------------------------------------------*/
/* GLOBAL DSI Styles -- Last Updated on 12/06/2004 to Include 9 AP Specific Styles. TMG */
/*-------------------------------------------------------------------------*/

/* ~~~~~ALTERNATING ROW COLORS~~~~~ */

/* Global - Background color is a light gray. Should be used with the even result rows. */
.alternatingrowcolor_even {
	background-color: #EFEFEF;
}

/* Global - Background color is white. Should be used with the odd result rows. */
.alternatingrowcolor_odd {
	background-color: #FFFFFF;
}

/* Global - Background color is a light yellow. Should be used with sub tables for the even rows. */
.alternatingrowcolor_subtable_even {
	background-color: #FFFFCC;
}

/* Global - Background color is a light pink. Should be used with sub tables for the odd rows. */
.alternatingrowcolor_subtable_odd {
	background-color: #FFFFFF;
}

/* The following pertain to categorizing the invitations on the AP Dashboard. */
.rowcolor_review_ap {
	background-color: #DBEAF5;
}

.rowcolor_sharedview_ap {
	background-color: #E3EEEE;
}

.rowcolor_yourinvites_ap {
	background-color: #F0F5F5;
}


/* ~~~~~BULLETS~~~~~ */

/* Global - Used for generic bullets. Icon is a arrow pointing right. Will NOT function in NS 4.7. */
.bullet {
	list-style-image: url(../images/bullet2.gif);
}

/* Used for the action steps bullet icon. */
.bulletactionsteps {
	list-style-image: url(images/calendar_date.gif);
	margin: 5px;
	padding: 5px;
}

/* Used for the goals bullet icon. */
.bulletgoals {
	list-style-image: url(../images/target2.gif);
	margin: 5px;
	padding: 5px;
}

/* Used for the help bullet icon. */
.bullethelp { 
    list-style-image: url(../images/bullet_help.gif);
}

/* Global - Used to create a transparent bullet. Will NOT function in NS 4.7. */
.bullettransparent {
	list-style-image: url(../images/transparent.gif);
}



/* ~~~~~COLUMNS~~~~~ */

/* Global - Column background color is a light gray. Should be used with the even columns. */
.column_background_odd {
	background-color: #EFEFEF;
}

/* Global - Column background color is a white. Should be used with the odd columns. */
.column_background_even {
	background-color: #FFFFFF;
}


/* ~~~~~CURSORS~~~~~ */

.cursor_hand {
cursor: hand;
}

/* Global - Help cursor for cursor hover. Will NOT function in NS 4.7.  */
.cursor_help {
	cursor: help;
}


/* Global - Move cursor for cursor hover. Will NOT function in NS 4.7.  */
.cursor_move {
	cursor: move;
}

/* Global - Wait cursor for cursor hover. Will NOT function in NS 4.7.  */
.cursor_wait {
	cursor: wait;
}


/* ~~~~~HTML~~~~~ */

/* Global - Turns display to not visible. */
.displaynone{
   display:none;
}

/* Used to create a shadow logo at the bottom of the pages. URL would need to be dynamic for clients. */
.hiddenlogo {
	background-image: url(../images/dsi_logo2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
}

/* Replaces the  which has been Deprecated */
img {
	text-align:center;
	vertical-align:middle;
}

/* Global - For the Body tag, page background with no margins or padding and background color of white. */
.page {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

/* Global - Forces a page break after. Will NOT function in NS 6.0, NS 4.7.  */
.print_pagebreak {
	page-break-after: always;
}



/* ~~~~~HYPERTEXT LINKS~~~~~ */

/* Global - Used for hypertext links.  */
.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}

/* Global - Hypertext link white. */
.link_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	text-decoration: underline;
	color: #FFFFFF;
}

/* Global - Hypertext link white. */
.link_white_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
}

a:hover.link{
background-color:#CCFFFF;
color:blue;
}



/* ~~~~~LABELS~~~~~ */

/* Global - Black bold label. */
.label_header_default {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #000000;
}

/* Global - White bold label.  */
.label_header_sublevel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
}

/* Global - White bold label.  */
.label_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
}

/* Global - Vertical label used in a header. NOTE: Only functions in IE 6.0.  */
.label_vertical_header {
	writing-mode: tb-rl;
	filter: flipv fliph;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333333;
	font-weight: bold;
}

/* Global - Vertical label used in a header. NOTE: Only functions in IE 6.0.  */
.label_vertical_header_white {
	writing-mode: tb-rl;
	filter: flipv fliph;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	font-weight: bold;
}

/* Global - Vertical label used in a subheader. NOTE: Only functions in IE 6.0.  */
.label_vertical_subheader {
	writing-mode: tb-rl;
	filter: flipv fliph;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #333333;
}


/* ~~~~~PAGE TITLES~~~~~ */

/* Global - Page title black.  */
.pagetitle_primary {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
}

/* Global - Page title blue. */
.pagetitle_secondary {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #3656AB;
}

/* Global - Page title lighter gray. */
.pagetitle_tertiary {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #999999;
}

/* Global - Page title white. */
.pagetitle_white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
}


/* ~~~~~TABLE BACKGROUNDS with NO Borders~~~~~ */

/* Global - Table with white background color.  */
.table_background_default {
	background-color: #FFFFFF;
}

/* Global - Table with square dotted image background. Background image will NOT display in NS 4.7.  */
.table_background_help {
	background-image: url(../images/help_background.gif);
	background-color: #FFFFFF;
}

/* Global - Table with light gray background color.  */
.table_background_secondary {
	background-color: #EFEFEF;
}

/* Global - Table with light yellow background color.  */
.table_background_tertiary {
	background-color: #FFFFCC;
}

/* Global - Table with light pink background color. */
.table_background_warning {
	background-color: #FFF0E1;
}


/* ~~~~~TABLE with BORDERS~~~~~ */

/* Global - Table with single border and white background color. Borders will NOT display in NS 4.7. */
.table_border_default {
	border: 1px solid #EFEFEF;
	background-color: #FFFFFF;
}

/* Global - Table with double border and light gray background color. Borders will NOT display in NS 4.7.  */
.table_border_subtable {
	border: 1px double #666666;
	background-color: #FFF0E1;
}

/* Global - Table with dotted medium gray border and white background color. Borders will NOT display in NS 4.7. */
.table_border_dotted {
	border: thin dotted #999999;
	background-color: #FFFFFF;
}

/* Global - Table with solid gray border and light pink background color. Borders will NOT display in NS 4.7. */
.table_border_warning {
	border: 1px solid #CCCCCC;
	background-color: #FFFFE0;
}


/* ~~~~~TABLE HEADERS~~~~~ */

.goal_category_1 {
	background-color: #FFFFCC;
}

.goal_category_2 {
	background-color: #EFEFEF;
}

.goal_category_3 {
	background-color: #E5FFD9;
}

.goal_category_4 {
	background-color: #DBEAF5;
}

.goal_category_5 {
	background-color: #FFCC99;
}


/* Global - Table header with border and striped background image. Background image will NOT display in NS 4.7. */
.table_header_default {
	border: 1px solid #EFEFEF;
	background-image: url(../images/header_standard.gif);
}

/* Global - Table header with no border that pulls in the client header row color. */
.table_header_clientcolor {
	background-color: #000099;
}

/* Global - Table header with light green background color.  */
.table_header_subtable {
	background-color: #666666;
	border: 1px solid #000000;
}

/* Global - White table header with no border. */
.table_header_white {
	background-color: #FFFFFF;
}


/* ~~~~~TABLE MISC~~~~~ */

/* Global - Copyright format. */
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #FFFFFF;
}


/* ~~~~~TEXT~~~~~ */

/* Used to hightlight comments on the comments page. */
.comments {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #333333;
	background-color: #CCFFFF;
}

/* Global - Standard bodytext. */
.text_body_default {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #000000;
}

.text_body_default_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #000000;
}

.text_body_darkgray_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #666666;
}

.text_body_lightgray_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #999999;
}

/* Global - Standard bodytext white. */
.text_body_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #FFFFFF;	
}

/* Global - Footnote formatting in black. */
.text_footnote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
}

/* Global - Text for page keys in black  */
.text_key {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #000000;
}

/* Global - Text note message in maroon. */
.text_maroon_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #990000;
}

/* Global - Text note message in red.  */
.text_red_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #FF0000;
}

/* Global - Text small used to reduce selection list length.  */
.text_selectlistsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
}