/*  General class definitions for global use - delete if not using any of these
************************************************************************************************************************/

@import "colors.css";

.show {
	display:block;
}
.hide {
	display:none;
}
.clear {
	clear: both !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 1px !important;
	height: 1px !important;
	width: 1px !important;
	float: none !important;
}	


/*  General formatting definitions
************************************************************************************************************************/

body {
	background:#000;
}

* {
	font-family:Arial, Helvetica, sans-serif;
}

strong {
	font-weight:bold;
}

p {
	color:#666;
	font-size: 1.4em;
	line-height: 140%;
	margin-bottom: 1em;
	margin: 0;
	padding: 0;
}
p.intro{
    color: #333;
    font-size: 2em;
    line-height: 140%;
}
p.description{
    font-size: 1.2em;
    color: #333;
}
a.bullet{
    background: url(/images/roundel.gif) no-repeat 0 50%;
    padding-left: 20px;
    font-size: .857em;
    color: #333;
    font-weight: 700;
}

a {
	text-decoration:none;
	color:#D60961;
}
	a:hover {
	text-decoration:underline;
	color:#D60961;
	margin-left: 0px;
	padding-left: 0px;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin-bottom:.6em;
}

h2{
    color: #fff;
    margin-left: 268px;
    margin-bottom: 10px;
    font-size: 3.8em;
	height:46px;
}
h2.left{
    margin-left: 0;
}

h3 {
	color: #333;
	font-size:2.2em;
	text-align: left;
	margin-left: 0px;
	padding-left: 0px;
}
h3.video{
    color:#D60961;
}

h4{
	color: #333;
	font-size: 1.6em;
}
h4.date{
    font-size: 1.7em;
    color: #2B99EA;
    background: url(/images/calendar.gif) no-repeat right;
    padding: 4px 0;
}

h5{
	color: #333;
	font-size: 1.3em;
	margin-top: 2px;
	padding-top: 2px;
	margin-left: 0px;
	padding-left: 0px;
}


hr {
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
    border-width: 1px 0 0 0;
    color: #e5e5e5;
    height: 0px;
    margin: 10px 0;
}

.clear {
	clear:both;
}

/*  Layout of body and main div's
************************************************************************************************************************/


body {
        background: #fff;
	font-size:62.5%;
}

	#outer {
		min-height:630px;
		height:auto!important;
		height:630px;
                background: url(/images/green_bg.gif) repeat-x center top
	}

	
	#wrapper {
	width:980px;
	margin:0 auto;
	}

#header {
        margin-bottom: 30px;
        zoom: 1;
		overflow:hidden;
}


#main {
    margin-bottom: 40px;
}
	#naviBar {
	}
	#content {
		position:relative;
	}

#colA{
    float: left;
    width: 232px;
}
#colB{
    float: left;
    margin: 37px 22px 0 26px;
    width: 478px;
}
#colC{
	float: left;
	width: 208px;
	margin-left: 0px;
}
#colD{
	float: left;
	margin: 37px 0px 0 0;
	width: 700px;
	padding-left: 26px;
}



/* Header formatting 
************************************************************************************************************************/
#logo {
	z-index:101;
	float:left;
	display:inline;
	position:relative;
	height:140px;
	width:400px;
	margin:20px 0 0 26px;
}

	#logo a {
		background:transparent url('/images/logo_green.gif') no-repeat top left;
		text-indent:-9999px;
		float:left;
		display:inline;
		height:140px;
		width:400px;
	}
	
#headerRight {
	float:right;
}

#search {
	float:right;
	height:139px;
}
	
	#search h2 {
		font-size:3.3em;
		margin:43px 19px 0 0;
		height:40px;
		float:right;
		display:inline;
		z-index:0;
		position:relative;
		display:none;
	}
	
	.searchHide #searchForm {
		display:none;
	}
	
	.searchHide #searchBox {
		display:none;
	}
	
	#search.searchHide h2 {
		display:inline;
	}
	
	#headerRight #searchBox {
		float:right;
		width:430px;
	}
	
		.tbSearch {
			background: transparent url('/images/tb_window_search.png') no-repeat top center !important;
			margin-top:0 !important;
			margin-left:auto !important;
			margin-right:auto !important;
			right:auto !important;
			top:65px !important;
			left:auto !important;
			width:100% !important;
			padding:0 !important;
			position:absolute !important;
			z-index:9000;
		}
		
			.tbSearch #TB_title {
				width:1012px;
				margin:0 auto;
				float:none;
				height:45px;	
			}
			
				.tbSearch #TB_closeAjaxWindow {
					float:none;
				}
					#headerRight #search li,
					.tbSearch li {
						clear:both;
					}
					
					#headerRight #search ul {
						margin-top:50px;
					}
					
					#headerRight #search .button,
					.tbSearch .button {
						background:none;
						border:none;
						color:#D60961;
						height:35px;
						font-size:2.4em;
					}
						#headerRight #search .button:hover,
						.tbSearch .button:hover { 
							cursor:pointer;
							text-decoration:underline;
						}
				
					.tbSearch #TB_closeWindowButton {
						margin-top:16px;
						margin-right:0;
					}
					
					#headerRight #search .fieldWrap,
					.tbSearch .fieldWrap {
						background:transparent url('/images/search_top.gif') no-repeat scroll top left;
						margin-bottom:5px;
						float:left;
					}
					
					#headerRight #search .fieldWrap {
						background:transparent url('/images/search_top_small.gif') no-repeat scroll top left;
					}
					
						#headerRight #search .radio,
						.tbSearch .radio {
							margin:1px 6px 0 3px;
							height:15px;
						}
					
						#headerRight #search .fieldWrap input,
						.tbSearch .fieldWrap input {
							width:460px;
							border:0;
							background:transparent url('/images/search_bottom.gif') no-repeat bottom left;
							padding:7px 10px;
							font-size:1.8em;
							color:#333;
							margin:0;
						}
						
						#headerRight #search .fieldWrap input {
							width:356px;
							background-image:url('/images/search_bottom_small.gif');
						}
						
						#headerRight #search input,
						.tbSearch input {
							float:left;
						}
						
						#headerRight #search label,
						.tbSearch label {
							float:left;
							font-size:1.3em;
							color:#333333;
							margin-right:8px;
						}
						
						#headerRight #search label {
							color:#fff;
						}
		
			.tbSearch #TB_ajaxContent {
				margin:0 auto;
				top:-10px;
				float:none;
				padding-left:432px;
				padding-right:0;
				position:relative;
			}
			
				.tbSearch #searchForm {
					display:block;
				}
			
			

/* Content formatting 
************************************************************************************************************************/
#breadcrumb {
	display: inline;
    font-size: 1.3em;
    color: #666;
}
    #breadcrumb li a{
	display: inline;
        border-right: 1px solid #D60961;
        padding-right: 1ex;
        margin-right: 1ex;
    }
#social{
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    padding: 1em 0;
    margin-bottom: 2em;
    clear: both;
}
#social li{
    color: #333;
    font-size: 1.7em;
    display: inline;
    height: 34px;
    vertical-align: middle;
}
#social ul{
	display: inline;
	height: 34px;
	margin: 0 8px;
}
#comments li{
    border-bottom: 1px solid #e5e5e5;
    padding: 2em 0 1em;
}
#comments li.last{
    border: 0;
}
#addComment textarea{
    height: 142px;
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 1em;
}
#addComment input.submit{
    background: transparent;
    border: 0;
    color: #D60961;
    font-size: 1.5em;
    padding: 0;
}
	
	#addComment input.submit:hover {
		cursor:pointer;
		text-decoration:underline;
	}

#colC div.top{
	background: url(/images/colC_top_bg.png) no-repeat;
	padding: 15px 5px 10px;
}
#colC div{
	padding: 15px 10px 10px;
	margin-bottom: 2em;
}
#colC div ul{
    font-size: 1.3em;
}
    #colC div ul li{
        border-bottom: 1px solid #e5e5e5;
    }
    #colC div ul li.last{
        border: 0;
    }
        #colC div ul li a{
	display: block;
	padding: 7px 0;
	margin-left: 10px;
	margin-right: 5px;
        }
#colC blockquote{
    background: url(/images/quotes.gif) no-repeat;
    padding-top: 40px;
}
    #colC blockquote p{
        font-size: 1.5em;
        font-style: italic;
        color: #333;
    }
    #colC cite{
        font-size: 1.5em;
        font-style: italic;
        font-weight: 700;
        color: #333;
    }
	
#content div.left {
	float:left;
	margin-right:1.5em;
	margin-bottom:1em;
}
#content div.right {
	float:right;
	margin-left:1.5em;
	margin-bottom:1em;
}

#searchResults{
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    overflow: hidden;
    zoom: 1;
}
    #searchResults p{
        color: #333;
        margin: .75em 0;
    }
    #searchResults p.left{
        float: left;
    }
    #searchResults p.right{
        float: right;
    }
        #searchResults p small{
            color: #666;
            font-size: .857em;
        }
		
	
	#firstResult {
	padding-bottom:1em;
	min-height: 135px;
	border-bottom-color: #e5e5e5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	}
	
		#firstResult p {
			font-size:1.5em;
			margin-left:152px;
		}
		#firstResult h3 {
			margin-left:152px;
		}
		
		#firstResult p.small {
			font-size: 1.3em;
		}
#listing{
    margin-bottom: 2em;
}
    #listing li{
	border-bottom: 1px solid #e5e5e5;
	padding: 2em 0 0 0;
    }
    #listing h3{
        font-size: 1.6em;
    }
    #listing p{
        font-size: 1.3em;
        margin-bottom: .333em
    }
		#firstResult p strong, 
        #listing p strong{
            color: #333;
        }
        #listing .anchor a{
            color: #333;
            font-size: .846em
        }
        #listing .feature p{
            margin-bottom: 1em;
        }
        #listing .feature p.intro{
            color: #666;
            font-size: 1.6em
        }
#pagination{
    margin-bottom: 10em;
}
    #pagination li{
        display: inline;
        font-size: 1.4em;
        color: #333;
    }
    #pagination li.result{
        margin-right: 15px;
    }
        #pagination li.active a{
            color: #333;
        }
        #pagination li a{
            padding: 0 7px;
        }
div.video{
	background: url(/images/video_bg.gif) no-repeat;
	width: 465px;
	height: 350px;
	margin-left: -7px;
	margin-bottom: 1em;
	padding-top: 20px;
	padding-left: 20px;
}
ul#archive{
	overflow: hidden;
	zoom:1;
}
    ul#archive li{
        width: 145px;
        margin-right: 15px;
        float: left;
        margin-bottom: 1em;
		position:relative;
    }
		ul#archive li .playOverlay {
			background:transparent url('/images/video_play_small.png') no-repeat scroll 48px 29px;
			width:145px;
			height:100px;
			position:absolute;
			top:0;
			left:0;
			text-indent:-9000px;
			cursor:pointer;
		}
		
			ul#archive li .playOverlay:hover {
				background-position: 48px -72px;
			}
	
    ul#archive li.divider{
        width: 100%;
        margin: 0;
        clear: both;
        float: none;
    }
    ul#archive li.right{
        margin-right: 0;
    }
    ul#archive h4{
        font-size: 1.5em;
    }
    ul#archive p{
        font-size: 1.2em;
        color: #666;
    }
    #features li{
	float: left;
	width: 350px;
	margin-right: 20px;
	margin-bottom: 2em;
	zoom: 1;
	margin-left: -25px;
    }
    #features li.right{
	margin-right: 0px;
	margin-left: 0px;
    }
    #features li h3{
	font-weight: 700;
	margin-left: 25px;
	float: none;
    }
    #features li div.mask135{
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	padding-left: 0px;
    }

/* Footer Styles 
************************************************************************************************************************/

#footer {
	margin-bottom:20px;
	overflow:hidden;
	height:1%;
}

#footer a {
	float:left;
}


#footer ul {
	margin:22px 0;
	width:54.5em;
	float:right;
}

	#footer li {
		float:left;
	}

	#footer li a {
		font-size:1.3em;
		color:#666;
		padding:0 10px;
		border-right:1px solid #666;
	}	
	
	#footer li.last a {
		border-right:none;
		padding-right:0;
	}
	
	#footer a:hover {
		color:#D60961;
		text-decoration:none;
	}

#footerInfo 
{
  display: block;
}

a#precedent {
	float:right;
	font-size:1.2em;
	color:#999;
	/*clear:both;*/
}

a#taradata {
	float:left;
	font-size:1.2em;
	color:#999;
	/*clear:both;*/
}

.mask135{
    position: relative;
}
.mask135 div{
    position: absolute;
    top: 0;
    left: 0;
    width: 135px;
    height: 135px;
    background: url(/images/135_mask_green.png) no-repeat;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_secondLine {
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  color: #333333;
  background:transparent url('/images/tb_window.png') no-repeat scroll 0 0;
  position: fixed;
  z-index: 102;
  color:#000000;
  display:none;
  text-align:left;
  top:50%;
  left:50%;
  padding:10px;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  float:right;
}
#TB_closeAjaxWindow{
  padding:0;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  display:none;
}
#TB_title{
	float:right;
	clear:both;
}
#TB_ajaxContent{
  position:relative;
  z-index:490;
  clear:both;
  overflow:auto;
  text-align:left;
  float:right;
  padding-right:10px;
}

#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}


#TB_closeWindowButton {
	float:right;
	text-indent:-9000px;
	text-align:left;
	position:relative;
	z-index:500;
	width:31px;
	height:29px;
	margin:0 5px;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}