﻿/* DefineOnline CSS */

* { font-family: trebuchet ms, arial, helvetica; font-size: 10pt; }
html { height: 100%; margin: 0px; padding: 0px; }
body { height: 100%; margin: 0px; padding: 0px; background-color: #ffffff; }
img { border-width: 0px; }
h1 { margin: 5px 0px; font-size: 12pt; font-weight: bold; color: #2c343c; }
hr { border: 1px solid #cccccc; height: 1px; }
form { padding: 0px; margin: 0px; }

a { font-weight: bold; color: #336699; text-decoration: none; }
a:hover { color: #ffbc00;  }

div.topper { background-color: #6081a1; height: 82px; }
div.search { float: left; margin-left: 14px; margin-top: 25px; color: white; font-weight: bold; }
input.searchBox	{ width: 240px; height: 25px; margin-right: 12px; border: 1px; color: black; font-weight: bold; font-size: 15pt; } 
input.searchBoxMain { width: 350px; height: 25px; border: 1px; color: black; font-weight: bold; font-size: 15pt; } 
input.searchSubmit { background-color: #425a70; color: white; }
img.logo { float: right; margin-right: 15px; margin-top: 25px; }

ul#menu { }
ul#menu { background-image: url("/_Images/menuBack.gif"); line-height: 20px; padding: 0px 3px; list-style-type: none; margin: 0px; text-align: right; vertical-align: bottom; }
ul#menu li { font-size: 11pt; display: inline; color: #6081a1; text-align: center; padding-left: 9px; margin-right: 4px; }
ul#menu li a { font-weight: bold; color: #6081a1; text-decoration: none; padding-top: 4px; padding-right: 9px; font-size: 11pt; }
ul#menu li a:hover { color: #ffbc00; }
ul#menu li.menuOff { background: url("/_Images/menuOff-left.gif") no-repeat left bottom; }
ul#menu li.menuOff a { background: url("/_Images/menuOff-right.gif") no-repeat right bottom; }
ul#menu li.menuOn { background: url("/_Images/menuOn-left.gif") no-repeat left bottom; }
ul#menu li.menuOn a { background: url("/_Images/menuOn-right.gif") no-repeat right bottom; }


div.rightTitle { font-size: 16pt; font-weight: bold; color: black; padding-top : 35px;}
span.regTitle	{ font-size: 12pt; font-weight: bold; color: #2c343c; }
textarea.clientScript { margin: 5px; width: 88%;  font-size: 8pt; }
div.tQuotes { width: 41px; margin-top: 20px; margin-left: 25px; }
div.aQuote { text-align: left; font-size: 18pt; color: #37526a; margin-left: 55px; margin-top: 15px; margin-right: 15px; }
div.bQuotes { float: right; width: 41px; margin-top: 20px; margin-right: 25px;}
td.signups	{ width: 221px; font-size: 9pt; padding-left: 12px; padding-right: 12px; }
a.libWords { margin-left: 15px; }
div.newSearch { text-align: left; margin-bottom: 12px; border-bottom: 1px; border-bottom-style: dotted; border-bottom-color: #a5c4e2; padding-bottom: 12px;}
hr.searchDivide { width: 100%; }
div.question { text-align: left; height: 600px; }
span.question { font-style: italic; font-weight: bold;}


/* Directory */
div.dirTop { margin-top: 3px; margin-bottom: 5px; clear: both; }
div.dirSummary { margin-bottom: 10px; }
div.dirSummary ul { list-style-type: none; margin: 0px; padding: 0px; }
div.dirSummary li { clear: both; }
div.dirTitle { font-size: 10pt; background-image: url("/_Images/dirBack.gif"); background-repeat: no-repeat;  text-decoration:bold; width: 216px; height: 23px; }
div.dirTitle a {  font-size: 10pt; font-weight: bold; text-transform: capitalize; margin: 3px 5px; text-decoration:bold; display: block; }
div.dirDescription { font-size: .9em; margin-bottom: 6px; }
img.dirThumbnail { float: left; margin-right: 5px; width: 40px; }
a.dir { font-size: 10pt; }


/* Definition.aspx */
div.group { font-weight: bold; font-size: 1.2em; text-decoration: underline; margin: 10px 0px; }
ol, ul, dl { margin: 0px 0px 5px 30px; padding: 0px; }
dt, dd { margin: 0px; padding: 0px; }
a.wikipedia { color: #669933; }
textarea.gngClientScript { font-size: 8pt; }
div.pageAd { margin: 15px 0px; }

/* New Edits */
td.search { vertical-align : middle; padding-left : 12px; color: white; font-weight: bold; width : 100%; background-color : #6081a1; height : 87px;}
table.fullWidth	{ width : 100% }
td.menuBack	{ background-color : #435b71; height : 21px; width : 100%; }
td.mainContent	{ background-color : white; text-align : left; vertical-align : top; padding : 8px;}
td.rightCol	{ border-left: 1px solid black; background-color : white; text-align : left; vertical-align : top; padding: 0px 8px; height : 100%; width : 271px; }
td.spacer { height : 18px; }
td.logo { background-color : #6081a1; vertical-align : top; margin-right : 12px;}

/* Main Chicklet Block - For Landing Page */
table.chickBlock	{ height : 280px; margin-left : 22px;}
td.chickBlockTop	{ height : 16px; }
td.chickBlockBody	{ width : 495px; height : 248px; background-color : #6081a1; }
td.chickBlockLeft	{ width : 9px; background-image: url("/_Images/leftBorder.gif"); }
td.chickBlockRight	{ width : 9px; background-image: url("/_Images/rightBorder.gif");}
div.chickBlockBodyLeft	{ float : left; width : 215px; padding: 15px 0px 0px 12px; }  
div.chickBlockBodyRight	{ float : right; width : 258px; text-align : center; padding-right : 5px; color : White;}

/* Landing Page - Tables */
table.landingTable	{ width : 100%; background-color : #e9e9e9; border: 1px solid black; padding : 3px; }
td.landingTD		{ width : 50%; background-color : #f8f8f8; border: 1px solid black; vertical-align: top; text-align: left; padding : 8px; }


/* Small Chicklet Block - For Landing page, right side */
div.smallChickletSearch		{ width : 224px; height : 230px; background-image: url("/_Images/smallchick-search.gif"); background-repeat : no-repeat; margin-bottom : 8px; cursor : pointer;}
div.smallChickletWOD		{ width : 224px; height : 230px; background-image: url("/_Images/smallchick-WOD.gif"); background-repeat : no-repeat; margin-bottom : 8px; cursor : pointer;}
div.smallChickletHeadline	{ width : 210px; padding : 5px; font-size : 16pt; font-weight : bold; color : white; text-align : center;  line-height : 90%; padding-top : 8px; }
div.detailTextCustom		{ width : 210px; padding : 5px; font-size : 11px; color : white; text-align : center; margin-top : 125px; }
div.detailTextPrebuilt		{ width : 210px; padding : 5px; font-size : 11px; color : white; text-align : center; margin-top : 112px; }

/* Home Page - Overheard */
td.overHeardHeader			{ border-bottom: 1px solid silver; }
td.overHeaderImg			{ width : 130px; height : 100px; }
td.overHeardDesc			{ padding-left : 8px; vertical-align : top; height : 40px; }


/* Definitions */
span.definition { color: #425a70; border-bottom: 1px dotted #ccc; }
span.definition span { display: none; }

.tool-tip { border: 1px solid black; background-color: #eee; padding: 1px; max-width: 200px; }
.tool-title { background-color: #bbb; color: #000; font-weight: bold; padding: 1px 2px; font-size: 8pt; }
.tool-text { padding: 2px; font-size: 8pt; }


/* Pager */
div.pager { margin: 10px 0px; }
div.pager .page { }
div.pager .currentPage { background-color: #437150; color: White; padding: 0px 3px; }
