/***************************************************************************
 *                             default.css
 *                            ------------------
 *	 AUTHOR				  : Kevin K. Nelson
 *   EMAIL                : knelson@taoti.com
 *   COPYRIGHT            : (C) 2005 Taoti Enterprises International, Inc.
 *                           -  ALL RIGHTS RESERVED
 *
 *   LAST UPDATED         : 2005-10-18
 *
 *   PURPOSE              : To provide a default template for CSS tag
 *                          definitions and consistent class names as well
 *                          as a consistent layout for where definitions go.
 *                          The order of definitions for this CSS page are:
 *                            * tag definitions
 *                            * table classes (e.g. classes for <td> or <tr>)
 *                            * text classes (e.g. classes for <p>)
 *                            * anchor tag classes (for various link classes)
 *
 ***************************************************************************/
@import url("all.css");
@import url("tables.css");
@import url("tabs.css");
@import url("new/nav.css");

/*******************************************************************
TAG DEFINITIONS
   - only change colors, font-family, and size as needed.  Try not
     to write too many tag definitions beyond what's here
*******************************************************************/
body {
	margin:						0px 0px 0px 0px;
	background-color:			#FFF;
}
table {
	border-spacing:0px;
	border-collapse:collapse;
}
td, th {
	vertical-align:				top;
	padding:					0px 0px 0px 0px;
	text-align:					left;
}
body, th, td, div, p, blockquote, h1, h2, h3, h4, h5, h6, ul, ol {
	font-family:				"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:					12px;
	color:						black;
}
th { font-size:14px;font-weight:bold; }
li {
	margin-bottom:				3px;
	text-align:					justify;
}
p, blockquote, h1, h2, h3, h4, h5, h6, ul {
	margin-top:					0px;
	margin-bottom:				12px;
}
ol {
	margin-top:					0px;
	margin-bottom:				3px;
}
textarea, input, select {
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					10px;
}
p, blockquote {
	text-align:					justify;
}
fieldset { display:block;margin-bottom:12px; }
fieldset div.content { padding:15px; }
legend {
	color:						black;
	font-size:					16px;
}

form   { margin:				0px 0px 0px 0px; }
img    { border-style:			none; }

sup { color:#CC0000; font-size:10px; }

a:link, a:visited { color:		#024965; }
a:hover, a:active { color:		#9A5E00; }

/*******************************************************************
DESIGN CLASSES
   - site-specific classes
*******************************************************************/

.notice { background-color:#FCF8BD; color:black; font-weight:bold; text-align:center; width:70%; margin: 0 auto 0 auto;border:black dashed 1px; padding: 3px;}
/*******************************************************************
TABLE CLASSES
   - these are some default classes that many of our applications
     use.  If this is a static site with no applications, then
	 removing these would probably not be harmful.  Otherwise,
	 change colors, margins, etc., as needed when they do not
	 have the desired look.  If I might work on the site, there
	 is a good chance that I will want these classes, though.
*******************************************************************/
.margin_centered {
	margin-left:		auto;
	margin-right:		auto;
}
.float_wrapper, .wrapper { clear:both;width:100%;overflow:hidden; }
.form_table td { padding:3px; }
.list_table th { padding:5px;vertical-align:bottom;background-color:#D5E8F0; }
.list_table td { padding:3px;vertical-align:middle; }
.list_table th, .list_table td {
    text-align:center;
}
.form_table .label { font-weight:bold; }
.toolbox_pref_div { float:left; overflow:hidden; }
.toolbox_pref_div div { height:20px; line-height:20px; white-space:nowrap; }

.form_div_row_100p {
    width:100%;overflow:hidden;line-height:18px;padding:5px 5px 5px 5px;
}
.form_div_row_100p label { display:block;float:left;width:49%;font-weight:bold; }
.form_div_row_100p select { display:block;float:right;width:49%; }
.form_div_row_100p input[type=text] { display:block;float:right;width:49%; }
.form_div_row_100p input[type=password] { display:block;float:right;width:49%; }
.form_div_row_100p input[type=file] { display:block;float:right;width:49%; }
.form_div_row_100p input[type=submit] { display:block;float:right;margin:15px; }

table.nowrap td { white-space: nowrap; }
td.nowrap { white-space: nowrap; }
.left_form_cell {
	padding:			3px;
	font-weight:		bold;
    border              : 0px solid #DEDEDE;
    border-bottom-width : 1px;
    vertical-align:		middle;
}
.left_spacer_cell {
	padding:			3px;
	font-weight:		bold;
	border-style:		solid;
	border-width:		0px 0px 1px 1px;
	border-color:		#DEDEDE;
	vertical-align:		middle;
}
.center_form_cell{
	padding:			3px 3px 3px 3px;
	font-weight:		bold;
	vertical-align:		middle;
	text-align:			center !important;
}
.right_form_cell {
	padding:			3px 3px 3px 3px;
    border              : 0px solid #DEDEDE;
    border-bottom-width : 1px;
    vertical-align:		middle;
	text-align:			right;
}
.left_info_cell {
	padding:			5px 5px 5px 5px;
	font-weight:		bold;
    border              : 0px solid #DDDDDD;
    border-bottom-width : 1px;
    vertical-align:		middle;
}
.right_info_cell {
	padding:			5px 5px 5px 5px;
    border              : 0px solid #DDDDDD;
    border-bottom-width : 1px;
    vertical-align:		middle;
}
.title_cell {
	font-weight:		bold;
	font-size:			12px;
	padding:			2px;
	background-color:   #D5E8F0;
    vertical-align:     bottom;
}
.content_cell {
	padding:			2px;
}
.row1 { background-color:#FFFFFF; }
.row2 { background-color:#EEEEEE; }
.norow1 td { background-color:#FFFFFF; }
.norow2 td { background-color:#DDDDDD; }
.norow1 .nostyle, .norow2 .nostyle { background-color:transparent; }

.clickable_row1 { background-color:#FFFFFF;cursor:pointer; }
.clickable_row1 a:link, .clickable_row1 a:visited { text-decoration:none;color:inherit; }
.clickable_row1_on { background-color:#FFFF99;cursor:pointer; }
.clickable_row1_on a:link, .clickable_row1_on a:visited { text-decoration:none;color:inherit; }
.clickable_row2 { background-color:#DFDFDF;cursor:pointer; }
.clickable_row2 a:link, .clickable_row2 a:visited { text-decoration:none;color:inherit; }
.clickable_row2_on { background-color:#FFFF99;cursor:pointer; }
.clickable_row2_on a:link, .clickable_row2_on a:visited { text-decoration:none;color:inherit; }


.cms_cell { padding:5px 3px 5px 3px; }

.firstrowonly { display:none; }
.firstrow .firstrowonly { display:block; }
.avoidrow { display:none; }
.avoidcol { display:none; }

/*******************************************************************
FORM CLASSES
   - so that, by default, forms are of the right size, etc.
*******************************************************************/
input.default { width:  200px; }

/*******************************************************************
TEXT CLASSES
   - I want these to be our default text definitions across the
     board...so that when any of us are on a site, we can simply
	 type "class='small'" or "class='right'"into a tag and know that
	 it's going to work
*******************************************************************/
.page_title {
	font-size:			36px;
	color:				#024965;
}
.heading {
	margin: 			0px 0px 3px 0px;
	font-size:			18px;
	color:				#D68F0E;
	font-weight:		bold;
}
.form_table .heading { font-size:12px; }
.sub-heading {
	color:				#002C3E;
	font-size:			16px;
	font-weight:		bold;
	margin: 			0px 0px 3px 0px;
}
.form_error { color:red;font-size:11px;font-weight:bold;border:red 1px dotted;padding:2px;display:none; }
.sub2-heading {
	color:				#000000;
	font-size:			14px;
	font-style:			italic;
	font-weight:		bold;
	margin: 			0px 0px 0px 0px;
}
.faq {
	background-color:	#D2DEE3;
	color:				#024965;
	font-size:			120%;
	font-weight:		bold;
	padding:			5px 10px 5px 10px;
	margin:				5px 0px 3px 0px;
}
.small_descr {
	font-size:			10px;
	font-weight:		bold;
}
.lined {
    border              : 0px solid #024965;
    border-bottom-width : 1px;
}
.xsmall { font-size:	9px; }
.small  { font-size: 	10px; }
.normal { font-size: 	12px; }
.medium { font-size:	14px; }
.large  { font-size: 	16px; }
.xlarge { font-size:    18px; }
.huge   { font-size: 	20px; }

.left    { text-align: 	left; }
.center  { text-align: 	center; }
.right   { text-align: 	right; }
.justify { text-align: 	justify; }

.top    { vertical-align: middle; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

.bold   { font-weight:	bold; }
.italic { font-style:	italic; }

.color_light { color:	orange; }
.color_dark  { color:	#024965; }

.block      { display:	block; }
.no_display { display:	none; }

/*******************************************************************
OUR PHP LIBRARY'S status_message() CLASS DEFINITIONS
   - like the table classes, these are specific to the application,
     and can be removed for static sites.
*******************************************************************/
.status_container {
	margin:				20px 10px 20px 10px;
	padding:			3px 5px 3px 10px;
    border            : 0px solid #CCCCCC;
    border-left-width : 1px;
}
.status_title {
	font-size:			16px;
	font-weight:		bold;
	color:				#024965;
    border              : 0px solid #024965;
    border-bottom-width : 1px;
}
.status_message {
	font-size:			12px;
	color:				#024965;
}

span.red { color:red; }
.noborder { border-style:none; }

.lp-title {
	font-size:			18px;
	font-weight:		bold;
	color:				#000000;
}

/*******************************************************************
ANCHOR TAG CLASSES
   - like the table classes, these are specific to the application,
     and can be removed for static sites.
*******************************************************************/
.some_class a:link, .some_class a:visited {
	color:				black;
	text-decoration:	none;
}
.some_class a:hover, .some_class a:active {
	color:				red;
	text-decoration:	underline;
}
/* --------------------------------------------------------------------------*\
\* --------------------------------------------------------------------------*/
.footer_text {
	padding:			3px 10px 0px 0px;
	text-align:			right;
	font-family:		Verdana,Helvetica,sans-serif;
	font-size:			10px;
	color:				#C8D1D6;
	font-variant:		small-caps;
}
a.footer:link, a.footer:visited {
	color:				#C8D1D6;
	font-family:		Verdana,Helvetica,sans-serif;
	font-size:			10px;
	font-variant:		small-caps;
	text-decoration:	none;
}
a.footer:hover, a.footer:active {
	color:				#FFFFFF;
	font-family:		Verdana,Helvetica,sans-serif;
	font-size:			10px;
	font-variant:		small-caps;
	text-decoration:	underline;
}
a.taoti:link, a.taoti:visited {
	color:				#C8D1D6;
	font-family:		Verdana,Helvetica,sans-serif;
	font-size:			10px;
	font-variant:		small-caps;
	text-decoration:	none;
	padding:			2px 5px 3px 5px;
}
a.taoti:hover, a.taoti:active {
	color:				#FFFFFF;
	font-family:		Verdana,Helvetica,sans-serif;
	font-size:			10px;
	font-variant:		small-caps;
	text-decoration:	none;
	background-color:	#0B4269;
	padding:			2px 5px 3px 5px;
}

.highlight { background-color:#FFFF99; }

a.left-nav:link, a.left-nav:visited {
	padding:			2px 10px 2px 10px;
	color:				#024965;
	font-family:		Verdana,Helvetica,sans-serif;
	font-size:			14px;
	text-decoration:	none;
	line-height:		25px;
}
a.left-nav:hover, a.left-nav:active {
	padding:			2px 10px 2px 10px;
	color:				#02384E;
	background-color:	#FDDDAB;
	font-family:		Verdana,Helvetica,sans-serif;
	font-size:			14px;
	text-decoration:	none;
	line-height:		25px;
}

.std-forms {
	background-color:	#D0DDE2;
}

.button_cell a {
	display:block;
	background-color:#D5E8F0;
    border : 1px solid black;width:70px;height:100px;
	text-align:center;
	font-weight:bold;font-size:11px;
	text-decoration:none;
	padding:10px 10px 10px 10px;
	vertical-align:middle;
}
.button_cell a:link, .button_cell a:visited {
	background-color:#D5E8F0;color:black;
}
.button_cell a:hover, .button_cell a:active{
	background-color:#799DAB;color:black;
}


.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }


.greenbg { background-color:#C0FFC0; }
.redbg { background-color:#FFC0C0; }
.graybg { background-color:#DDDDDD; }

.clickable { cursor:pointer; }

.row1_highlight { background-color:#FFFF99; }
.row2_highlight { background-color:#FFFF99; }

.flash_on { background-color:#FFFF99 !important; }
.jflash_on { background-color:#FFFF99 !important; }

button.jflash_on {
    background-color:#FFFF99 !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFFF99));
    background: -webkit-linear-gradient(top, #FFFFFF, #FFFF99);
    background: -moz-linear-gradient(top, #FFFFFF, #FFFF99);
    background: -ms-linear-gradient(top, #FFFFFF, #FFFF99);
    background: -o-linear-gradient(top, #FFFFFF, #FFFF99);
    border: 1px solid #666;border-radius:3px;
    padding: 3px;
}


.fixed_width_50 { display:block;width:50px;height:25px;line-height:25px;white-space:nowrap;float:left;text-align:center; }
.fixed_width_75 { display:block;width:75px;height:25px;line-height:25px;white-space:nowrap;float:left;text-align:center; }
.fixed_width_100 { display:block;width:100px;height:25px;line-height:25px;white-space:nowrap;float:left;text-align:center; }
.fixed_width_150 { display:block;width:150px;height:25px;line-height:25px;white-space:nowrap;float:left;text-align:center; }
.fixed_width_250 { display:block;width:250px;height:25px;line-height:25px;white-space:nowrap;float:left;text-align:center; }


fieldset.tabbed_fieldset { position:relative;border:0px;margin:0;padding:0;width:100%;margin-bottom:15px; }
fieldset.tabbed_fieldset legend { position:relative;margin:0;padding:0;display:none;}
fieldset.tabbed_fieldset .form_table { width:96%; }
fieldset.tabbed_fieldset .form_table td { width:23%; }
fieldset.tabbed_fieldset .left_form_cell { padding:3px 0% 3px 2%; }
fieldset.tabbed_fieldset .right_form_cell { padding:3px 2% 3px 0%; }

td.main_menu_out, td.main_menu_over {
    padding: 0 5px;
    height:38px;
    text-align:center;
    color:white;
    font-variant:small-caps;
    background : url(../images/bttn_bg_out.png) no-repeat;
    vertical-align:bottom;
    border:0;
}
td.main_menu_over {
    background : url(../images/bttn_bg_over.png) no-repeat;
}
td.main_menu_out a:link, td.main_menu_out a:visited, td.main_menu_out a:hover, td.main_menu_out a:active,
td.main_menu_over a:link, td.main_menu_over a:visited, td.main_menu_over a:hover, td.main_menu_over a:active {
    font-size:10px;
    font-weight:bold !important;
    color:white;
    padding: 5px 5px;
}

.showonlythis { padding:20%;z-index:100;background-color:white;position:fixed;font-size:15px;font-weight:bold;top:0;left:0;text-align:center;width:60%;height:60%; }

div.fieldset {
    width:          100%;
    display:        block;
    border-radius:  5px 5px 5px 5px;
    position:       relative;
    border:         1px solid #123;
    margin:         20px 0px 40px 0px;
}

div.fieldset > .legend {
    display:            inline;
    position:           absolute; top: -16px; left: 12px;
    padding:            0 20px;
    width:              auto;
    min-width:          33%;
    height:             30px;
    font-size:          16px;
    color:              black;
    text-align:         left;
    line-height:        30px;
    background:         white;
    border:             1px solid #123;
    border-radius:      5px 5px 5px 5px;
}

div.fieldset > .content {
    width:              90%;
    padding:            5%;
    background-color:   white;
    border:             0;
    overflow:           hidden;
}