/*** *** *** *** *** ***
* @package Quadodo Login Script
* @file    tabbed_pane.css
* @start   October 28th, 2007
* @author  Douglas Rennehan
* @license http://www.opensource.org/licenses/gpl-license.php
* @version 1.0.0
* @link    http://webhelp.pcriot.com
*** *** *** *** *** ***
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation; either version 2 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program; if not, write to the Free Software
* Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
*** *** *** *** *** ***
* Comments are always before the code they are commenting.
*** *** *** *** *** ***/

#tabs {
	width: 75%;
}

#sub_menu {
	padding-top: 10px;
}

#page_content {
	padding: 5px;
	padding-top: 10px;
}

td.tab_selected {
	border: 1px solid #fff;
	background-color: #ccc;
	color:	 #000;
	padding: 4px 37px 4px 37px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.60;
	cursor			: pointer;
}

td.tab_unselected {
	border: 1px solid #fff;
	color: #000;
	padding: 4px 37px 4px 37px;
	background-color: #ccc;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;;
	opacity:.35;filter: alpha(opacity=35); -moz-opacity: 0.35;
	cursor			: pointer;
}
td.tab_unselected:hover {
	border: 1px solid #fff;
	color: #000;
	padding: 4px 37px 4px 37px;
	background-color: #ccc;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;;
	opacity:.55;filter: alpha(opacity=55); -moz-opacity: 0.55;
	cursor			: pointer;
}
td.hidden {
	border: 0px;
	border-bottom: 0px solid #ccc;
}
a {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	cursor: pointer;
}

a:hover {

	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

a.sub_menu_link {
	padding: 0 10px 0 10px;
	color: #aaa;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	cursor: pointer;
}

a.sub_menu_link:hover {
	color: #fff;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

a.activate, a.main {
	padding: 1px 4px 1px 4px;
	color: #aaa;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	cursor: pointer;
}

a.activate:hover, a.main:hover {
	color: #333;
	background: #ccc;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

td, body, p, div {
	color: #ddd;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 2px 0px 2px 0px;
}


td {
	text-align: center;
	padding: 0px;
	color: #ddd;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 8pt;
}

th {
	color: #ddd;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding: 0 15px 0 15px;
}

iframe {
	width: 400px;
	height: 50px;
	border: 1px solid #000;
}

	
input.inputbox {
 	border: 1px dotted #CCCCCC;
 	text-align: left;	
 	font-size:11px;
 	color: #FFFFFF;
 	padding: 0px 2px 0px 2px;
	 font-weight: bold;
	 background: #444444;
	 opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;
	 font-family:Arial, Helvetica, sans-serif;
}

input.inputbox:active{
	border: 1px dotted #FFFFFF;
	background: #CCCCCC;
	opacity:.40;filter: alpha(opacity=40); -moz-opacity: 0.4;
 	text-align: left;
 	color: #000000;	
 	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}

input.inputbox:hover, input.inputbox:link {
	border: 1px solid #FFFFFF;
	background: #CCCCCC;
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
 	text-align: left;
 	color: #000000;	
 	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
		
input.button {
 float: right;
 border: 1px dotted #CCCCCC;
 text-align: center;	
 font-size:11px;
 color: #FFFFFF;
 font-weight: bold;
 padding: 2px 14px 2px 14px;
 background: #444444;
 opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;
 font-family:Arial, Helvetica, sans-serif;
}

input.button:active, input.button:hover, input.button:link {
	border: 1px solid #FFFFFF;
	background: #CCCCCC;
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
 	text-align: center;
 	color: #000000;
	}
input.radio {
	background: transparent;
	border: 0px;
	}
	
label {
	float:	right;
	text-align: left;
	font-size: 8pt;
	white-space: nowrap;
	line-height: 16px;
	font-family: Verdana;
	color:#dddddd;
	}	
	
select.inputbox{
	float: left;
	width: 12em;
	border: 1px dotted #FFFFFF;
	background: #CCCCCC;
	opacity:.40;filter: alpha(opacity=40); -moz-opacity: 0.4;
 	text-align: left;
 	color: #000000;	
 	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}

select.inputbox:hover, input.inputbox:link {
	border: 1px solid #FFFFFF;
	background: #CCCCCC;
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
 	text-align: left;
 	color: #000000;	
 	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	
.table_data
{	background: #aaa;
	white-space: nowrap;
	text-align: left;
	color: #222;
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
	border: 0px dotted #fff;
	padding: 1px 4px 1px 4px;
}
.tab_base
{
	background:transparent;
	font-weight:bold;
	border-style:ridge;
	border-width:0;
	cursor:pointer;
}
.table_sub_heading
{
	background: #ddd;
	opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6;
	color: #222;
	font-weight:bold;
	border: 0px solid #333;
	padding: 2px 6px 2px 6px;
}



.table_body
{	vertical-align: top;
	background: transparent;
	font-weight:normal;
	font-size:8pt;
	font-family:sans-serif;
	width: 100%;
	border-width:0px;
	border-spacing: 1px;
	border-collapse: separate;
}
.tab_loaded
{
	background:#222222;
	color:white;
	font-weight:bold;
	border-style:groove;
	border-width:0px;
	cursor:pointer;
}