/*  
Theme Name: Function
Theme URI: http://stocktradingonline.net/stock-trading-theme/
Description: Versatile theme for simple online magazines or blogs. Includes drop-down menu of categories, threaded comments and multiple widget-ready areas.
Author: Sam @ 85ideas	
Author URI: http://85ideas.com/
Version: 1.0
Tags: white, black, blue, light, two-columns, threaded-comments, fixed-width, right-sidebar, sticky-post

	This theme was designed and built for the WordPress CMS and is copyright 85ideas.com.
	Adapt, and customize for your own site at will!

	The CSS, XHTML and design of this theme are released under GPL:
	http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

/************************************************
*          Resets          *
************************************************/
html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, form, fieldset, label, input, table, th, td, a
{margin:0; padding:0; border:0; vertical-align:top; color:#222;}  
:focus {outline:0;}
body {line-height:1;}
ul, ol {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}



/************************************************
*          General elements       *
************************************************/
body 
{
    /*background:#e3e6e8 url(images/banner.png) left top repeat-x;*/
    background-color:#e3e6e8;
    background-color: #fff;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; text-align:center;
}
h1, h2, h3, h4, h5, h6 {}
a {color:#0D3F6F; text-decoration:none;}
a:hover {color:#222;}
blockquote {font-style:italic; background:#eee; padding:.4em 1em .7em 1em; margin:.7em 0; border:1px solid #dedede;}
code {font-size:1.1em; font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;}
hr {border:1px solid #ccc;}

dl 
{
}
dt 
{
    margin-top : 1.0em;
    font-weight:bold;
}
dd {padding-left:0em;}

#stockfooter {font-size:.8em; color:#555;}

fieldset {padding:1.2em; border:1px dashed #a8ef9d;}
legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;}
input, textarea, select {font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; margin:.2em 0; color:#222; font-size:1em; border:1px solid #ddd;}
input, textarea {padding:.3em;}
input.radio, input.checkbox {padding:2px;}
form label {font-weight:bold; display:block;}

/************************************************
*          General       *
************************************************/
#page {
    background: url(images/topbg.png) top center no-repeat;
    background-attachment: scroll;
    background-color: transparent;
}
#wrapper {margin:0 auto; padding:0; text-align:left; width:980px;}
.cleared {clear:both;}



/************************************************
*          Header (and some parts in the footer too)       *
************************************************/
#header-wrapper {
   width:100%;
   margin-left: 0;
   margin-right: 0;
}
#header {
   height:236px;
   padding-bottom:6px;
   margin: 0 auto;
   text-align: left;
   width: 980px;
}
#top .topmenu {float:left; width:630px; height:32px;}
#top .topmenu li {float:left; padding:0 2.1em 0 0; line-height:32px; margin:0 .4em 0 0; text-transform:uppercase;}
#top .topmenu li a {color:#999; font-size:.6em; text-shadow:0 0 4px #000; }
#top .topmenu li a:hover {color:#efefef;}
#top .topmenu li a.rss {background:url(images/rss.gif) left 0px no-repeat; padding-left:17px;}

#top {
   height: 37px;
}
#banner {
   height: 200px;
   overflow: hidden;
}
#top .search, #bottom .search {
   float:right;   
   text-align:right;
   line-height:33px;
}

#top .search #searchField
{
    margin: 0px; 	
}
#top .search #searchButton
{
    margin: 0px;
}

#top .search input[type="text"], #bottom .search input[type="text"], #top input.text
{
   margin-top: 3px;
   padding:2px 3px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   margin-top: 7px;
   cursor: text;
   background:#fff;
   font-size: 12px;
}
#top .search input[type="submit"], #bottom .search input[type="submit"], #top input.button, #top button.button
{
    margin-top: 3px;
    cursor:pointer;
    background-color: White;
    border: 0px;
    background-image: url(../../images/button-search.png);
    width: 67px;
    height: 28px;
    font-size: 12px;
}#logo {float:left; width:440px; margin:40px 0 0 0;}
#logo h1 a {color:#B3D3EA; font-size:1.8em; font-weight:normal;}
#logo h1 a:hover {color:#fff;}
#logo #desc {font-size:.8em; color:#ddd; margin-top:.5em; line-height:1.3em;}
#headerbanner {float:right; width:520px; margin:28px 0 0 0; text-align:right; font-size:.8em; line-height:1.5em; color:#cdcdcd; text-shadow:0 0 1px #444, 0 0 4px #000;}
#headerbanner p {color:#cdcdcd;}
#headerbanner a {color:#ccc; text-decoration:underline;}
#headerbanner a:hover {color:#eee;}
#catnav 
{
    font-size:.8em;
    text-shadow:0 0 1px #aaa, 0 0 5px #fff;
    margin-left: 20px;
}


/************************************************
*          Content      *
************************************************/
#main {padding: 7px 0 15px 0; text-shadow:0 0 1px #aaa, 0 0 4px #fff;}
#content {float:left; width:680px; overflow: hidden;}
#contentfull {float:left; width:980px;}
h2#contentdesc {font-weight:normal; font-size:1.1em; text-transform:capitalize; padding:0; margin:0;}
h2#contentdesc span {color:#225990;}

.post 
{
    padding: 15px 20px;
    margin-bottom:10px;
    /*background:url("images/gradient_gray.gif") repeat-x scroll left top #fff;*/
    background-color: #f8f8f8;
    /*border:1px solid #d1d1d1;*/
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-size: 0.8em;
    line-height:1.5em;
}
.post table
{
    font-size: 100%;
    line-height: 1.5em;
}
.postborder 
{
    padding:15px 20px;
    margin-bottom:10px;
    background:#fff top left repeat-x;
    background:url("images/gradient_gray.gif") repeat-x scroll left top #fff;
    border:1px solid #d1d1d1;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    line-height:1.5em;
}
.breadcrumb
{
    padding: 15px 20px;
    margin-bottom:10px;
    /*background:url("images/gradient_gray.gif") repeat-x scroll left top #fff;*/
    background-color: #f8f8f8;
    /*border:1px solid #d1d1d1;*/
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-size: 0.8em;
    line-height:1.5em;
}
.splash-home
{
    padding: 0px;
    margin-bottom:10px;
    background:#fff top left repeat-x;
    background:url("../../images/splash-home.png") repeat-x scroll left top #fff;
    border:0px solid #d1d1d1;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    line-height:1.5em;
    height: 580px;
    width: 980px;
}
.splash-home div.splash-home-menu
{
    position: relative;
    top: 430px;
    left: 80px;
    font-size: 20px;
}
.splash-home div.splash-home-menu ul
{
    position: absolute;
    list-style-type: none;
}
.splash-home div.splash-home-menu ul li
{
    margin-top: 10px;
    float: left;
}
.splash-home div.splash-home-menu ul li a
{
    position: relative;
    display: block;
    margin-right: 66px;
}
.splash-home div.splash-home-tagline p
{
    position: relative;
    top: 160px;
    left: 100px;
    width: 750px;
    font-size: 18px;
}
.splash-home div.splash-home-buy a
{
    position: relative;
    top: 248px;
    left: 650px;
    font-size: 22px;
    color: White;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
}

.sticky {background:none;}
.posttop h2.posttitle {color:#121212; font-size:1.15em;}
.posttop h2.posttitle a {color:#121212; font-size:.9em;}
.posttop h2.posttitle a:hover {color:#010101;}
.postmetatop {font-size:0.7em; padding-top:7px; line-height:1.5em; color:#666;}
.postmetatop a {color:#333;}
.postmetatop a:hover {color:#225990;}

.post h1 {padding:.8em 0; font-size:1.5em;}
.post h2 {padding:.8em 0; font-size:1.3em;}
.post h3 {padding:1em 0 0 0; font-size:1.2em;}
.post h4 {padding:1em 0 0 0; font-size:1.1em;}
.post h5 {padding:1em 0 0 0; font-size:1.0em;}
.post h6 {padding:1em 0 0 0; font-size:1em;}
.post p {padding:.6em 0 .55em 0;}

.postcontent p {padding:.6em 0 .55em 0;}
.postcontent p a, .postcontent ul a, .postcontent ol a { vertical-align: middle;}
/*.postcontent p a:hover, .postcontent ul a:hover, .postcontent ol a:hover {background:#dceeff; color:#010101;}*/
.postcontent a.more-link {}
.postcontent ul, .postcontent ol {padding:.4em 0 .5em 2em;}
.postcontent ul li {list-style:disc; padding-bottom:4px;}
.postcontent ol li {list-style:decimal; padding-bottom:4px;}
.postcontent img {margin:4px 20px 10px 0; padding:3px; border:0px solid #ccc;}
.postcontent img.packed {margin:4px 4px 10px 0; padding:3px; border:0px solid #ccc; vertical-align: middle;}
/*.postcontent img:hover {border:1px solid #999;}*/

.postmetabottom {background:#e9e9e9; padding:10px; font-size:0.75em; line-height:16px; margin-top:15px; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.postmetabottom a {color:#444;}
.postmetabottom a:hover {color:#222;}
.postmetabottom .tags {color:#555; float:left; width:400px; background:url(images/tags.gif) left 1px no-repeat; padding-left:20px;}
.postmetabottom .metacomments {float:right; width:135px; text-align:right;}
.postmetabottom .metacomments span {background:url(images/comments.gif) left 3px no-repeat; padding-left:20px;}



/************************************************
*          Home Specific      *
************************************************/
#quicklinks {float:left; width:580px; border-top:1px solid #ddd; padding-top:5px; margin-top:15px;}
#quicklinks h3 {margin-bottom:10px; font-size:1.25em;}
#quicklinks img.quickicon {float:left; margin:0 10px 10px 0; border:none;}
#quicklinks h4 {padding:0 0 0 0; font-weight:normal; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size:1.15em; letter-spacing:-1px;}
#quicklinks h4 a {color:#222;}
#quicklinks h4 a:hover {color:#000; background:#dedede;}
#quicklinks p {padding:.2em 0 1.5em 0; color:#343434;}
#quicklinks p a {border-bottom:1px dashed #aaa;}
#opp {float:right; width:260px; text-align:right; margin-top:20px;}


#lately {border-top:1px solid #ddd; padding-top:10px; margin-top:5px;}
#lately h3 {font-size:1.25em;}
#lately .onepost {margin:15px 0 0 0; padding-bottom:5px;}
#lately .onepost h4 {padding:0 0 8px 0; margin:0; font-weight:normal; font-size:1.15em; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px;}
#lately .onepost h4 a {color:#222;}
#lately .onepost h4 a:hover {color:#000; background:#dedede;}
#lately .latestcat {float:right; width:200px; text-align:right; text-transform:uppercase; padding:20px 0 0 0;}
#lately .latestcat a {color:#666; font-size:.85em;}
#lately .latestcat a:hover {color:#111;}
#lately p {color:#343434; padding:0;}
#lately .morelink {margin-top:7px;}
#lately .morelink a {border-bottom:1px dashed #aaa;}
#lately .morelink a:hover {background:#dceeff;}
#lately img {float:left; width:240px; height:100px;}




/************************************************
*          Navigation      *
************************************************/
#navigation {line-height:1.8em; margin-bottom:10px;}
#navigation a {padding:5px 7px; font-size:.8em; background:#fff; color:#333; border:1px solid #d1d1d1;
   /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#navigation a:hover {color:#222; border:1px solid #aaa;}

#navigation .wp-pagenavi a {padding:5px 7px; font-size:.8em; background:#fff; color:#333; border:1px solid #d1d1d1;
   /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#navigation .wp-pagenavi a:hover {color:#225990; border:1px solid #aaa;}
#navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.current, #navigation .wp-pagenavi span.extend {padding:5px 7px; font-size:.8em; background:#fff; color:#222; border:1px solid #d1d1d1; margin:0 5px 0 0;
   /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#navigation .wp-pagenavi span.current {margin:0 2px;}



/************************************************
*          Comments      *
************************************************/
#comments {margin:0 0 15px 0;}
#commentsbox {padding:15px 20px 0px 20px; background:#fff; border:1px solid #d1d1d1;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#comments h3 {font-size:1em; font-weight:normal;}
#comments ul.commentlist li {margin:10px 0 0 0; padding:15px; background:#f0f0f0; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#comments ul.commentlist li.alt {background:#e3e3e3; border:1px solid #ddd;}
#comments ul.commentlist li ul.children li {margin:20px 0 0 20px;}
#comments img.avatar {float:left; margin:0 20px 0 0;}
#comments .commentbody .author {font-size:.9em; margin-bottom:10px;}
#comments .commentbody .author a {border-bottom:1px dashed #666;}
#comments .commentbody .author a:hover {color:#333;}
#comments .commentbody .commentmetadata {font-size:.7em; color:#666; margin-bottom:25px;}
#comments .commentbody .commentmetadata a {color:#666;}
#comments .commentbody em {margin-bottom:10px; color:#444; display:block; font-size:.8em; font-style:normal;}
#comments .commentbody p {font-size:.8em; padding:5px 0 8px 0; line-height:1.4em;}
#comments .reply a {margin-top:5px; padding:5px; line-height:1.3em; font-size:.7em; float:left; background:#fff; color:#222; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#comments .reply a:hover {background:#ccc; color:#000;}
#comments h3#trackbacktitle {padding-top:15px;}
#comments ul.trackback {margin:5px 0 15px 0; padding:15px 20px 1px 20px; background:#f0f0f0; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#comments ul.trackback li {margin-bottom:12px; font-size:.85em;}
#comments ul.trackback li .commentbody .author {margin:0;}
#comments a#cancel-comment-reply-link {display:block; padding:8px 0;}
#comments a#cancel-comment-reply-link:hover {color:#ccc;}
#comments p.nocomments {font-size:.8em; line-height:1.2em; padding:5px 0;}

#comments #respond {margin-top:15px; padding:15px 20px; background:#fff top left repeat-x; border:1px solid #d1d1d1;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#comments #respond h3 {padding-bottom:15px;}
#comments #respond p {padding:.4em 0 0 0;}
#comments #respond p label {font-size:.8em; font-weight:normal;}
#comments #respond input {padding:5px; width:200px; background:#eee; font-size:.8em; border:none; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#comments #respond textarea {width:520px; padding:10px; background:#eee; font-size:.8em; border:none; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#comments #respond .submitbutton {color:#eee; background:#505252 url(images/buttonbg.gif) top left repeat-x; padding:6px;  border:1px solid #aaa; line-height:1.4em; font-size:.8em; width:auto;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#comments #respond .submitbutton:hover {cursor:pointer; color:#fff; border:1px solid #666;}
#comments #respond p.subscribe-to-comments label {display:inline; margin-left:4px;}



/************************************************
*          Sidebar       *
************************************************/
#sidebar {float:right; width:290px; font-size:0.8em; line-height:1.4em;}
#sidebar ul li.boxed {padding:15px; margin-bottom:10px; background:#fff; border:1px solid #d1d1d1;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#sidebar h3 {font-weight:normal; font-size:1.2em; margin-bottom:10px; color:#111;}
/*
#sidebar ul ul li {margin-bottom:8px;}
#sidebar ul ul li a {display:block; padding:8px; background:#e9e9e9; color:#222; border:1px solid #dedede;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#sidebar ul ul li a:hover {background:#dcdcdc; color:#111; border:#1px solid #d9d9d9;}
*/
#sidebar p {padding:5px 0 5px 0;}
#sidebar p a {}
#sidebar p a:hover {background:#dceeff; color:#010101;}
#sidebar img {border:none; }
#tag_cloud a, .widget_tag_cloud a {display:inline;}
#tag_cloud a:hover {color:#333;}
li#tagbox a:hover {color:#333;}
#sidebar ul.children li {margin:8px 0 0 0;}
#sidebar ul.children {margin-bottom:0;}
#sidebar .feedbutton {text-shadow:0 0 3px #fff;}
#sidebar .feedbutton:hover {cursor:pointer; background:#ccc; color:#000;}

/* ------------- */
#sidebar .post .postcontent .sidebarmenu ul, #sidebar .post .sidebarmenu ul
{
    list-style-image: none;
    padding-left: 10px;
}
#sidebar .post .postcontent .sidebarmenu ul li, #sidebar .post .sidebarmenu ul li
{
    list-style-type: none;
    font-size: 14px;
}
#sidebar .post .postcontent .sidebarmenu ul li a, #sidebar .post .sidebarmenu ul li a
{
    font-weight: normal;
    font-size: 13px;
}
#sidebar .post .postcontent .sidebarmenu ul li a
{
    font-weight: normal;
    font-size: 13px;
    padding-left: 0px;
}
#sidebar .post .sidebarmenu ul li p
{
    font-weight: normal;
    font-size: 13px;
    padding-left: 10px;
}
/************************************************
*          Footer       *
************************************************/
#footerwrapper {background:#090909 url(images/footerbg.gif) left top repeat-x; text-shadow:0 0 4px #000;}
#bottom {padding-top:6px;}
#bottom .botmenu {float:left; width:610px;}
#bottom .botmenu li {float:left; padding:0 2.1em 0 0; line-height:32px; margin:0 .4em 0 0; text-transform:uppercase;}
#bottom .botmenu li a {color:#999; font-size:.6em;}
#bottom .botmenu li a:hover {color:#efefef;}
#bottom .botmenu li a.rss {background:url(images/rss.gif) left 0px no-repeat; padding-left:17px;}

#footer {margin:0 auto; padding:0; text-align:left; width:980px; color:#ddd;}
#footer div {color:#ddd;}
#footer span {color:#666;}
#footerwidgets {margin-top:15px;}
#footerwidgets p {font-size:.75em; padding:0 0 1em 0;}
#footerwidgets ul li ul {margin-top:5px;}
#footerwidgets label {color:#ddd; font-size:.8em;}
#footer .foot1 {float:left; width:200px; margin:15px 0 0 0; display:inline; }
#footer .foot2 {float:left; width:160px; margin:15px 35px 0 35px; }
#footer .foot3 {float:left; width:90px; margin:15px 35px 0 0; }
#footer .foot4 {float:left; width:260px; margin:15px 15px 0 0; }
#footer .foot5 {float:left; width:150px; margin:15px 0 0 0; vertical-align: top;}
#footer h3 {font-weight:normal; font-size:1.0em; margin-bottom:.8em; color:#eee;}
#footer a {color:#999;}
#footer a:hover {color:#efefef;}
#footer p {line-height:1.5em; color:#999; padding:.3em 0 .7em 0; font-size:.8em;}
#footer ul li {margin-bottom:20px; color:#aaa;}
#footer ul ul li {line-height:1.2em; margin-bottom:8px; font-size:.8em;}

#credits {margin-top:.5em; border-top:1px solid #222; padding:.5em 0; text-transform:uppercase;}
#footer #credits p {line-height:1em; color:#555; font-size:7pt;}
#footer #credits a {color:#555; text-decoration:none;}
#footer #credits a:hover {color:#ccc;}
#credits #creditsleft {float:left; width:560px;}
#credits #creditsleft .footmenu li {float:left; padding:.4em 1.5em 1em 0; margin:0 .4em 0 0; line-height:1.6em; font-size:7pt;}
#credits #creditsright {float:right; width:400px; text-align:right;}

/*
 * Custom
 */
div.yellow {
   padding: 10px;
   background: none repeat scroll 0% 0% rgb(255, 251, 204);
   border: 1px solid rgb(230, 219, 85);
   margin: 14px 0pt 10px;
}

#head-search {
   float: right;
   height: 32px;
   margin-right: 10px;
   padding-top: 6px;
}
input.text {
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #f5f5f5;
background:none repeat scroll 0 0 #43556B;
border:1px solid #CCCCCC;
color:#666666;
font-size:10px;
height:24px;
margin-right:2px;
padding:3px;
vertical-align:top;
}

/*
Conflicts with formlets button styling why commented out.
.submit input, .button, input[type="button"], input[type="submit"] {   
   -moz-border-radius: 8px 8px 8px 8px;
   -moz-box-sizing:content-box;
   border:1px solid #BBBBBB;
   color:#464646;
   cursor:pointer;
   font:11px/16px "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
   padding:2px 8px !important;
   text-decoration:none;
   text-shadow:0 1px 0 #FFFFFF;
   margin-top:3px;  
}
*/
#head-search input.text {
background:none repeat scroll 0 0 #43556B;
border: 1px solid #aaa;
color:#AAAAAA;
float:left;
margin-right:6px;
width:130px;
}

#head-search .button {
background:none repeat scroll 0 0 #43556B;
border-color:#aaa;
color:#BBBBBB;
float:left;
text-shadow:none !important;
}
#head-search input.button:hover {
border-color:#AAAAAA;
color:#FFFFFF;
}

/************************************************
*          WP related          *
************************************************/
.alignleft {float:left; margin:5px 20px 6px 0;}
.alignright {float:right; margin:5px 0 6px 20px;}
.aligncenter, div.aligncenter {margin:5px auto; text-align:center; display:block;}

img.alignleft {float:left; margin:5px 20px 6px 0;}
img.alignright {float:right; margin:5px 0 6px 20px;}
img.aligncenter {margin:5px auto; text-align:center; display:block;}

.wp-caption {text-align:center; background:#eee; border:1px solid #ddd; padding-top:6px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  }
.wp-caption img {padding:0; margin:0; border:0 none;}
.wp-caption img:hover {border:0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}


/************************************************
*  Extra widgets
************************************************/
.box 
{
    background-color:#EBF4FB;
    border:1px solid #B7DDF2;
    margin:0 0 10px;
    padding:5px 15px 15px;
}
div.thumb-nails
{
    margin-left: auto;
    margin-right: auto;
    width:inherit;
    padding:0;
    width : 250px;
}
.thumb-nails div
{
    display:inline;
}
.thumb-nail img, #sidebar .thumb-nail img
{
    width : 45;
    height : 45;
    padding : 1px;
    border:1px solid rgb(230,230,230);
    margin: 0;
    margin : 5px;
}
/*
 * Contact Info
 */
.contact-info
{
    font-size: 130%;
}
 .contact-info div.logo
{
    background-image: url(../../images/logo200.gif);
    background-repeat: no-repeat;
    background-position: 15 15;
    margin-top: 0px;
    height: 70px;
    display: block;
    clear: both;
}
 .contact-info ul
{
	list-style: none outside none;
	margin-left: -20px;
}
 .contact-info ul li
{
    list-style: none;
}
 .contact-info ul li p
{
    margin-left: 10px;
    line-height: 1.25em;
}
 .contact-info ul li ul
{
    padding-bottom: 0px;
}
 .contact-info ul li ul li
{
    padding-bottom: 0px;
}
 .contact-info ul li ul li p
{
    margin-left: 5px;
    padding-bottom: 0px;
}
/*
 * Buttons
 */
span.apply-button
{
    background-image: url(images/buttons/apply.png);
    background-image: url(/images/button-apply.png);
    background-repeat: no-repeat;
    width: 130px;
    height: 42px;
    display: inline-block;
}
span.watch
{
    background-image: url(images/buttons/watch.png);
    background-repeat: no-repeat;
    width: 70px;
    height: 32px;
    display: inline-block;
}
span.book
{
    background-image: url(/images/button-book.png);
    background-repeat: no-repeat;
    width: 90px;
    height: 32px;
    display: inline-block;
}
span.courses
{
    background-image: url(images/buttons/courses.png);
    background-image: url(/images/button-courses.png);
    background-repeat: no-repeat;
    width: 90px;
    height: 32px;
    display: inline-block;
}
span.internships
{
    margin-left: 20px;
    background-image: url(images/buttons/internships.png);
    background-image: url(/images/button-internships.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 130px;
    height: 32px;
    display: inline-block;
}
span.jobs
{
    margin-left: 20px;
    background-image: url(images/buttons/jobs.png);
    background-image: url(/images/button-jobs.png);
    background-repeat: no-repeat;
    width: 130px;
    height: 32px;
    display: inline-block;
}
/*
 * Features
 */
#features
{
	height:193px;
    overflow: hidden;
    color: black;
    -moz-border-radius: 9px;
    -khtml-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}
.feature4
{
    /*background: #333 url(../../css/images/cstrip.gif) repeat-x;	*/
    background-color: #E8EFF6;
    width: 218px;
    min-width: 216px;
    height: 184px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-right: 5px;
    overflow: hidden;
    float: left;
    position: relative;
    -moz-border-radius: 9px;
    -khtml-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}
.feature4 h1
{
    font-size: 1.4em;
    padding: 20px 0 0 30px;
    font-family: arial;
    text-shadow: 0 0 0 white;
}
.feature4 p
{
    padding:10px 15px 0px 20px;
    text-shadow: 0 0 0 white;
}
.feature4 a
{
	text-decoration:none;
	font-size: 0.9em;
	padding-left: 20px;
}
.feature4 .learn-more
{
    position: absolute;
    left: 136px;
    top: 150px;
    width: 264px;
    height: 32px;
    background-image: url(../../css/images/more.png);
    background-repeat: no-repeat;
    background-position: 0px 0;
	padding-left: 20px;
}

.demo-info ul li
{
    list-style-type : disc;  
    list-style-position : inside; 
    margin-left : 10px;
}
.demo-info code
{
    font-style: italic;
}

/****************************************************************
* Extensions
*****************************************************************/
table.extensions-table tr td
{
    text-align: center;
    vertical-align: top;
}
table.extensions-table tr.bottom td
{
    text-align: center;
    vertical-align: bottom;
    padding-bottom: 20px;
}

/****************************************************************
* Formlet overides
*****************************************************************/
.formlet
{
    background-color: #e8eff6;
    /*background-image: url(../../images/background-blue.png);*/
/*
    background-image: url(images/gradient_gray.gif);
    background-repeat: repeat-y;
    background:#AFC2DA top left repeat-x;
    background:url("images/gradient_gray.gif") repeat-x scroll left top #AFC2DA;*/
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 0px;
}        
.formlet input.submitButton, .formlet input.resetButton
{
    
    width: 80px;
    height: 28px;
    border: none;
    background-color:transparent;
    background-image : url(/images/icons/form-button-blue.png);
    background-image : url(/images/button-empty.png);
    font-weight : bold;
    font-size: 11px;
    font-family: Calibri;
    font-size: 15px;
    font-weight: normal;
    color: white;
}

.formlet input.submitButton.disabledButton
{
    width: 80px;
    height: 28px;
    background-image : url(/images/icons/form-button-alpha.png) ! important;
    background-image : url(/images/button-empty-disabled.png) ! important;
    font-family: Calibri;
    font-size: 15px;
    font-weight: normal;
    color : Gray ! important;
}

/*
 * Other
 */
img.centered
{
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    display:block;
}
.sf-menu a.view-cart
{
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-right: 10px;
}
#sidebar .sidebarmenu-learn .sidebarmenu
{
    background-color: #eee;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#sidebar .sidebarmenu-learn .sidebarmenu ul
{
    padding-left: 10px;
}
.left-side
{
    width: 440px;
    padding-right: 20px;
    float: left;
    display: block;
}
.right-side
{
    width: 460px;
    float: right;
    display: block;
}
.closer
{
    float: none;
    clear: both;
}
.training-courses p
{
    margin: 0px;
    padding: 0px;
}
.training-courses img
{
    margin-right: 10px;
}
img.apply
{
    vertical-align:middle;
}
img.course-icon
{
    width: 20px;
    height: 20px;
    padding: 0px;
    margin: 0px;
    margin-left: 5px;
    vertical-align: middle;
}
div.course-icon-empty
{
    float: left;
    width: 0px;
    height: 0px;
}
/*
 * Slideshow
 */
table.slideshow
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}
td.slideshow-col-full
{
    width: 516px;
    height: 380px;
    margin: 0px;
    padding: 0px;
}
td.slideshow-col-full div.slideshow-full-image-1
{
    width: 516px;
    height: 344px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-image: url(../../products/wsp/images/presentations/Splash-01.png);
}
td.slideshow-col-full div.slideshow-full-image-2
{
    width: 516px;
    height: 344px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-image: url(../../products/wsp/images/presentations/Splash-02.png);
}
td.slideshow-col-full div.slideshow-full-image-3
{
    width: 516px;
    height: 344px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-image: url(../../products/wsp/images/presentations/Splash-03.png);
}
td.slideshow-col-full div.slideshow-full-image-4
{
    width: 516px;
    height: 344px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-image: url(../../products/wsp/images/presentations/Splash-04.png);
}
td.slideshow-col-full div.slideshow-full-image-5
{
    width: 516px;
    height: 344px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-image: url(../../products/wsp/images/presentations/Splash-05.png);
}
td.slideshow-col-full div.slideshow-full-image-6
{
    width: 516px;
    height: 344px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-image: url(../../products/wsp/images/presentations/Splash-06.png);
}
td.slideshow-col-full div.slideshow-full-image-7
{
    width: 516px;
    height: 344px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-image: url(../../products/wsp/images/presentations/Splash-07.png);
}
#content .post, #contentfull .post
{
    border-width: 0px;
    background-image: none;
    background-color: White;
    padding-top: 0px;
    padding-bottom: 0px;
}
#content .post h1, #contentfull .post h1
{
    padding-bottom: 5px;
    padding-top: 5px;
}
#content .post .feature4 h1, #contentfull .post .feature4 h1
{
    padding-bottom: 0px;
    padding-top: 20px;
}
.postcontent .navfooter table, .postcontent .navheader table
{
    width: 640px;
}
/************************************************
* Documentation
************************************************/
.listitem
{
	vertical-align : middle;
}
.listitem p
{
	padding : 0;
}
/************************************************
* Syntax-highlighted code
************************************************/
.syntaxhighlighter
{
    font-size: 12px !important;
}
.postcontent .tight-image img
{
    margin: 0px;
    padding: 0px;
}