﻿
/* ---------------------------------------------------------
Headers
-------------------------------------------------------------*/
h1, h2, h3, h4, h5
{
	color:#483d8b;
}

h1
{
	font-size:1.5em;
	padding:0;
	margin:0;
}

h3.headingMain, h3.headingMain span, h3.headingMain span span 
{
	display:block;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:14px;
	line-height:24px;
}

h3.headingMain 
{
	background:transparent url(/images/container/header_top_left_grad.gif) no-repeat left top;
	padding:0 0 0 10px;
}

h3.headingMain span 
{
	background:transparent url(/images/container/header_top_right_grad.gif) no-repeat right top;
	padding:0 10px 0 0;
}

h3.headingMain span span 
{
	background:transparent url(/images/container/header_top_bg_grad.gif) repeat-x;
}

/* ---------------------------------------------------------
Containers
-------------------------------------------------------------*/
.contentContainer 
{
	border-left:1px solid #d1d1d1; 
	border-right:1px solid #d1d1d1; 
	background:#fff url(/images/container/gradient.gif) repeat-x bottom; 
	padding:10px 9px 10px 9px;
}

.contentContainerTop 
{
	height:10px;
	padding-left:10px;
	background:transparent url(/images/container/top_left.gif) no-repeat left;
	overflow:hidden;
}

.contentContainerTop div 
{
	height:10px;
	padding-right:10px;
	padding-left:0px;
	background:transparent url(/images/container/top_right.gif) no-repeat right;
	overflow:hidden;
}

.contentContainerTop div div 
{
	height:10px;
	background:url(/images/container/top_1px.gif) repeat-x;
	overflow:hidden;
}

.contentContainerBottom 
{
	height:10px;
	padding-left:10px;
	background:transparent url(/images/container/bottom_left.gif) no-repeat left;
	overflow:hidden;
}
	
.contentContainerBottom div 
{
	height:10px;
	padding-right:10px;
	background:transparent url(/images/container/bottom_right.gif) no-repeat right;
	overflow:hidden;
}

.contentContainerBottom div div
{
	height:10px;
	background:transparent url(/images/container/bottom_1px.gif) repeat-x;
	overflow:hidden;
}

.contentContainerRed
{
	border-left:1px solid #d1d1d1; 
	border-right:1px solid #d1d1d1; 
	background:#fff url(/images/container/gradient_red.gif) repeat-x bottom; 
	padding:10px 9px 0 9px;
}

/*-----------------------------------------------------------------------
                       BUTTONS

                    X-SMall
------------------------------------------------------------------------*/
.buttonwrapperxsmall, .buttonwrapperxsmall span, .buttonwrapperxsmall span span
{
    line-height:23px;
    display:inline-block;
}

.buttonwrapperxsmall
{	/*stupid old IE fixes*/
	zoom:1;
	*display:inline;
	/*End stupid fixes*/
    background:transparent url(/images/btnleftedgexsmall.jpg) no-repeat left top;
	padding:0px 0px 0px 10px;
	margin:2px;
}

.buttonwrapperxsmall span
{
    background:transparent url(/images/btnrightedgexsmall.jpg) no-repeat right top;
	padding:0px 10px 0px 0px;
}

.buttonwrapperxsmall span span
{	
    background:transparent url(/images/btnbgxsmall.jpg) repeat-x;
    text-align:center;
    padding:0px;
}




/*-----------------------------------------------------------------------
                       SMALL
------------------------------------------------------------------------*/
.buttonwrappersmall, .buttonwrappersmall span, .buttonwrappersmall span span
{
    line-height:30px;
    display:inline-block;
}

.buttonwrappersmall
{	
	zoom:1;
	*display:inline;
    background:transparent url(/images/btnleftedgesmall.jpg) no-repeat left top;
	padding:0px 0px 0px 10px;
}

.buttonwrappersmall span
{
    background:transparent url(/images/btnrightedgesmall.jpg) no-repeat right top;
	padding:0px 10px 0px 0px;
}

.buttonwrappersmall span span
{	
    background:transparent url(/images/btnbgsmall.jpg) repeat-x;
    text-align:center;
    padding:0;
}


/*----------------------------------------------------------------------*/
.buttonlink
{
	color:White;
	font-weight:bold;
	text-decoration:none;
}

.buttonlink:hover
{
	text-decoration:underline;
}

/*------------------------------------------------------------------------
Other handy layout divs
------------------------------------------------------------------------*/

.clearfix
{
	clear:both;
}

.clearfix20
{
    clear:both;
    display:block;
    height:20px;
    width:100%;
}

.spacer10
{
	height:10px;
}

/*______________________________________________________________________
POP UP Div stuff
_______________________________________________________________________*/
.popupoutterwrapper
{
	background-color:Gray;
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	filter:alpha(opacity=80);
	opacity:0.8;
	display:block;
	z-index:2;
}

.fullpopupinnerwrapper
{
	display:block;
	position:absolute;
	z-index:99;
	background-color:Transparent;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}

.popupinnerwrapper
{
	display:block;
	background-color:White;
	position:absolute;
	padding:10px;
	overflow:auto;
}

.popupinnerdiv
{
	display:none;
	width:100%;
	height:100%;
	/*overflow:auto;*/
}