/**
 * Main Stylesheet for ExtraView.
 **/
 
* { margin: 0px; padding: 0px; } 

#page img { display: block; }

tbody { border: none; }

a:link		{ color: #555588 }
a:visited	{ color: #555588 }
a:active	{ color: #aaaaaa }
a:hover		{ color: #285AAE; background-color: #EAEEF3 }

.title		{ COLOR: #748D8F; FONT: 16px verdana, arial, sans-serif; font-weight: bold; letter-spacing: 1.2pt; padding:8px 0px 20px 0px}
.smalltitle	{ COLOR: #748D8F; FONT: 12px verdana, arial, sans-serif; font-weight: bold; line-height: 25px; padding:6px 0px 10px 0px }
.smallesttitle	{ COLOR: #748D8F; FONT: 11px verdana, arial, sans-serif; font-weight: bold; line-height: 22px; padding:3px 0px 2px 0px }
.tablesmallesttitle	{ COLOR: #748D8F; FONT: 11px verdana, arial, sans-serif; font-weight: bold }

.required	{ COLOR: #CC0000; FONT: 12px verdana, arial, sans-serif; font-weight: bold; }
.copytext	{ COLOR: #555555; FONT: 11px verdana, arial, sans-serif; line-height: 11pt; margin-left: 30px; }
.paratext	{ COLOR: #555555; FONT: 11px verdana, arial, sans-serif; line-height: 11pt }
.tabletext{ COLOR: #555555; FONT: 11px verdana, arial, sans-serif; line-height: 11pt; padding:3px 0px 3px 3px }
.tablebg  { background-color: #D8D8D8; margin:10px 0px 10px 30px; border-right: 6px solid #f0f0f0; border-bottom: 6px solid #f0f0f0 }
.select_list {color: #555555; font-size: 9px; font: verdana, arial, sans-serif; border:1px solid #cccccc}

/* styles for documentation */
.tableWithBorder     { border: 1px solid #888888 }
.tableWithoutBorder  { border: 1px solid #FFFFFF }
.tableHeaderRow      { color: #FFFFFF; background-color: #CCCCCC; font-weight: bold }
.textHeader          { color: #0000CC; font-size:12pt; font-weight:bold; padding:5px 0; margin: 0 0 5px 0 }
.textSubHeader       { color: #0000CC; font-size:11pt; font-weight:bold; padding:5px 0; margin: 10px 0 5px 0 }
.fixedWidthFont      { font-family: courier, monospace }
.textGreyBg          { background-color: #DDDDDD }
.textRedBg           { background-color: #F9D7D7 }
.imageCaption        { font-style: italic; font-size: 9pt; position: relative; top: -12px; left: 3px }
.indentBullet        { position: relative; left: 20px }
table.border tr td   { border: 1px solid #888888; padding: 5px; }
.copyright           { padding: 5px 5px 5px 10px;text-align: center; font-size: 7pt }
.cliScreen           { font-family: courier, monospace; white-space:pre; line-height:60% }

/**
 * Container Hack. Stretches the container of floated elements to properly contain them.
 **/
.contain:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .contain { height: 1%;}


/**
 * Globals.
 **/ 
 
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.hidden { display: none; }

/**
 * Layout.
 **/

body { background-image: url(/site/sites/all/themes/extraview_theme/images/bodyBg.png); font-size: 11px; font-family: Helvetica, sans-serif; }

div#header { position: relative; }

/* overall page */
div#page { width: 980px; margin: 0 auto; background-color: #FFFFFF; } 


/* if sidebar-left is present */

/*.sidebar-left li {margin: 15px} */

.sidebar-left div#main { float: left; width: 700px; padding-right: 10px; font-size: 10pt; background-color: #FFFFFF; } 

div#main { padding: 10px;  font-weight: normal;}

div#main li {margin-left: 15px; margin-bottom: 12px}

div#main ol {margin-left: 15px}

div#main table.border {margin: 15px 0 15px 15px}

div#sidebar-left { float: left; width: 229px; padding: 10px 5px 0 5px; background-color: #F0F0FF; border-right: 1px solid #AAAAAA }

/* for documentation menu */
div#sidebar-left ul {	font-size: 10pt; padding: 0 0 0.25em 0.5em}

/* to color the selected documentation menu item */
.sidebar-left a.active { color: #CC0000; }

/* for footer */
div#footer { height: 60px; background-color: #FFFFFF; clear: both; }

div#doc_footer { clear: both;}

/* search box */
div#site-search { position: absolute; top: 5px; left: 792px; }

/* Nav */
div#nav { background-color: #DBE4EB; border-top: 1px solid #6688BB; border-bottom: 1px solid #6688BB; width: 100%; }

/* Documentation */

.bookBg {background-image: url(/site/sites/all/themes/extraview_theme/images/BooksBg.gif) }

div#block-book-0 h2 { font-size: 12pt; color: #000088 }

div#doc-title { padding: 5px; background-image: url(/site/sites/all/themes/extraview_theme/images/BookTitleBg.png) }

div#breadcrumb { padding: 5px; background-image: url(/site/sites/all/themes/extraview_theme/images/BookBreadcrumb.png); color: #444444; font-size: 12px; }

div#breadcrumb a { color: black; }

/* Book Pages */
h2 { font-size: 14pt;	padding: 5px 0; color: #444444}

div.book-post h2 { padding: 5px 0; margin: 0 0 12px 0; font-size: 13pt; color: #0000CC }

div.book-post h3 { padding: 3px 0 3px 0; margin: 5px 0 5px 0; font-size: 11pt; color: #6677FF }

div.book-post h4 { padding: 3px 0 3px 0; margin: 3px 0 3px 0; font-size: 10pt; color: #6677FF }

div.book-post p { padding: 5px 0; }

div.book-navigation { margin: 10px 0; background-color: #EFEFEF }

div.book-navigation ul.menu { margin-bottom: 10px; background-color: #FFFFFF }

div.book-navigation .page-next { width: 46%; }
div.book-navigation .page-previous { width: 46%; }
div.book-navigation .page-up { margin: 0 1%; }

/* Suckerfish Menu Dropdowns */
/* First reset all the default styles */
ul.primary-links { padding: 0; margin: 0; list-style: none }

/* top level menu items */
ul.primary-links a { display: block; color: #333333; padding: 5px 15px 5px 10px; background-color: #DBE4EB; text-decoration: none }            

/* hover over top level menu items */
ul.primary-links a:hover { background-color: #F4F4FF }            

ul.primary-links li { float: left; border-right:1px solid #6688BB; position: relative }

ul.primary-links li ul { position: absolute; left: -999em; width: 100px; }

/* Fix for IE7 sticky dropdowns */
ul.primary-links li:hover { position: static }

ul.primary-links li:hover ul { left: auto; margin: 0; padding: 0 }    

/* for IE6 */
#nav li:hover ul, #nav li.sfhover ul { left: auto }

ul.primary-links li ul li { list-style-type: none; border-bottom: 1px solid #6688BB; border-left: 1px solid #6688BB }  

ul.primary-links li ul li.first { border-top: 1px solid #6688BB }

/* pull downs */
ul.primary-links li ul a { width: 17em; background-color: #B7CCDA }

/* hover over pull downs */
ul.primary-links li ul a:hover { background-color: white }