﻿
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	AJAX CONTROL TOOLKIT - TAB CONTROL CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.orange
{
	font-family: arial,helvetica;
}

.orange .ajax__tab_body
{
	border: 1px solid #333;
	border-top: none;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
}

.orange .ajax__tab_header
{
	background-color: #333;
	border: solid 2px #333;
	border-bottom: none;
	padding: 2px 2px 4px 2px;
}

.orange .ajax__tab_tab
{
	font-size: 1em;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	border: solid 1px #FFF;
	padding: 5px;
	background: #404040;
}

.orange .ajax__tab_active .ajax__tab_tab, .orange .ajax__tab_hover .ajax__tab_tab
{
	color: #2a3f6e;
	border: solid 1px #2a3f6e;
}

/*************** Ajax Tabs - Grey Theme ****************/

.grey .ajax__tab_header
{
	font-family: Arial, Sans-Serif;
	background: url(images/tab-line.png) repeat-x bottom;
	font-size: 12px;
	display: block;
}
.grey .ajax__tab_header .ajax__tab_outer
{
	background: url(images/tab.png) no-repeat left top;
	border-color: #222;
	color: #222;
	padding-left: 10px;
	margin-right: 3px;
}

.grey .ajax__tab_header .ajax__tab_inner
{
	background: url(images/tab.png) no-repeat right top;
	border-color: #666;
	color: #666;
	padding: 3px 10px 2px 0px;
	cursor: pointer;
}

.grey .ajax__tab_hover .ajax__tab_inner
{
	color: #000;
}

.grey .ajax__tab_active .ajax__tab_outer
{
	background: url(images/tab.png) no-repeat 0pt -40px;
	border-bottom-color: #ffffff;
}

.grey .ajax__tab_active .ajax__tab_inner
{
	background: url(images/tab.png) no-repeat right -40px;
	color: #137f3c;
	border-color: #333;
}

.grey .ajax__tab_body
{
	font-family: arial,helvetica;
	font-size:10pt;
	background-color: #fff;
	border: solid 1px #d7d7d7;
	border-top-width: 0;
	padding: 20px 0 20px 10px;
}

/*************** Ajax Tabs - BIG BUTTONS Theme ****************/

.greyBigButtons .ajax__tab_header
{
	font-family: Arial, Sans-Serif;
	background: url(images/tab-line.png) repeat-x bottom;
	font-size: 14px;
	display: block;
	width:940px;
}

.greyBigButtons .ajax__tab_header .ajax__tab_outer
{
	background: url(images/bigGreyTabs/tab-180.png) no-repeat left top;
	border-color: #222;
	color: #222;
	padding-left: 5px;
	margin-right: 3px;
	height:50px;
	width:170px;
}

.greyBigButtons .ajax__tab_header .ajax__tab_inner
{
	background: url(images/bigGreyTabs/tab-180.png) no-repeat right top;
	border-color: #666;
	color: #666;
	padding: 2px 0px 2px 0px;
	height:46px;
	width:170px;
	cursor: pointer;
}

.greyBigButtons .ajax__tab_hover .ajax__tab_inner
{
	color: #000;
}

.greyBigButtons .ajax__tab_active .ajax__tab_outer
{
	background: url('images/tab-180.png') no-repeat left -50px;
	height:48px;
	width:170px;
	padding: 2px 10px 2px 0px;
	border-bottom-color: #ffffff;
}

.greyBigButtons .ajax__tab_active .ajax__tab_inner
{
	background: url(images/bigGreyTabs/tab-180.png) no-repeat right -50px;
	color: #137f3c;
	border-color: #333;
	height:50px;
	width:170px;
	padding: 2px 10px 2px 0px;
}

.greyBigButtons .ajax__tab_body
{
	font-family: arial,helvetica;
	font-size:10pt;
	background-color: #fff;
	border: solid 1px #d7d7d7;
	border-top-width: 0;
	padding: 20px 0 20px 10px;
}

.greyBigButtonsHeaderTable {
	text-align:left;
	float:left;
	height:40px;
	width:160px;
	margin-left:10px;
}

.greyBigButtonsHeaderTable td 
{
	vertical-align:middle;
}

.greyBigButtonsHeaderTable .buttonCell
{
	width:30px;
	height:40px;	
	text-align:center;
	padding:0px;
}

.greyBigButtonsHeaderTable .buttonCell img {
	margin:0 10px 0 0;
}

.greyBigButtonsHeaderTable .tabTextCell {
	width:130px;
	padding-left:5px;
}

/*** end Big Grey Buttons Theme ***/


/*************** Ajax Tabs - BIG BUTTONS Theme - THINNER VERSION for 2 column pages ****************/

.greyBigButtonsThin .ajax__tab_header
{
	font-family: Arial, Sans-Serif;
	background: url(images/tab-line.png) repeat-x bottom;
	font-size: 14px;
	display: block;
	width:740px;
}

.greyBigButtonsThin .ajax__tab_header .ajax__tab_outer
{
	background: url(images/bigGreyTabs/tab-180.png) no-repeat left top;
	border-color: #222;
	color: #222;
	padding-left: 5px;
	margin-right: 3px;
	height:50px;
	width:170px;
}

.greyBigButtonsThin .ajax__tab_header .ajax__tab_inner
{
	background: url(images/bigGreyTabs/tab-180.png) no-repeat right top;
	border-color: #666;
	color: #666;
	padding: 2px 0px 2px 0px;
	height:46px;
	width:170px;
	cursor: pointer;
}

.greyBigButtonsThin .ajax__tab_hover .ajax__tab_inner
{
	color: #000;
}

.greyBigButtonsThin .ajax__tab_active .ajax__tab_outer
{
	background: url('images/tab-180.png') no-repeat left -50px;
	height:48px;
	width:170px;
	padding: 2px 10px 2px 0px;
	border-bottom-color: #ffffff;
}

.greyBigButtonsThin .ajax__tab_active .ajax__tab_inner
{
	background: url(images/bigGreyTabs/tab-180.png) no-repeat right -50px;
	color: #137f3c;
	border-color: #333;
	height:50px;
	width:170px;
	padding: 2px 10px 2px 0px;
}

.greyBigButtonsThin .ajax__tab_body
{
	font-family: arial,helvetica;
	font-size:10pt;
	background-color: #fff;
	border: solid 1px #d7d7d7;
	border-top-width: 0;
	padding: 20px 0 20px 10px;
}

.greyBigButtonsThinHeaderTable {
	text-align:left;
	float:left;
	height:40px;
	width:160px;
	margin-left:10px;
}

.greyBigButtonsThinHeaderTable td 
{
	vertical-align:middle;
}

.greyBigButtonsThinHeaderTable .buttonCell
{
	width:30px;
	height:40px;	
	text-align:center;
	padding:0px;
}

.greyBigButtonsThinHeaderTable .buttonCell img {
	margin:0 10px 0 0;
}

.greyBigButtonsThinHeaderTable .tabTextCell {
	width:130px;
	padding-left:5px;
}

/*** end Big Grey Buttons THIN Theme ***/



/*** VIDEO TABS  ***/

.videoBox {
	width: 100%;
	margin: 10px 0 10px 0;
	text-align:left;
}

.videoBox iframe {
	margin: 10px 0 10px 0;
}

