/* CSS Document */

BODY {
background: url(images/body_bg2b.gif) repeat-x; color:#000; font:15px/20px Helvetica, sans-serif; margin:8px 0 0 0; padding:0;
font: 100% "Lucida Sans", Helvetica, sans-serif;
}
div, ul, h1, h2, h3, h4, li, p, img { margin:0; padding:0; }
/* Headings */
h1, h2, h3, h4, h5, h6 {
        color: #353b42;
        font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        letter-spacing: -0.03em;
        line-height: 1.1em;
        padding-bottom: 9px;
}
h1 {
        color: #323e4f;
        font-size: 26px;
}
h2 {
        font-size: 22px;
}
h3 {
        font-size: 18px;
}
h4 {
        font-size: 16px;
}

h4.log-date {
        color:#797979;
        font-size:12px;
        font-style:italic;
        line-height:0.2em;
        margin-bottom:10px;
}

DIV.toggle_container H4 {
        padding-top: 4px;
}

h5 {
        font-size: 14px;
}
h6 {
        font-size: 13px;
}

ul {    list-style-type:none; }

.right{float:right}

.left{float:left}

.clear{clear:both}

img {border:0px;}

a{
  outline:none;
  color:#333;
}

a:hover {
  color:#f33;
}

iframe{
  border:0;
}
/*Box*/
.box{
    border:1px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 0 3px  #aaa;
    -moz-box-shadow: 0 0 3px #aaa;
    -webkit-box-shadow: 0 0 3px #aaa
}
/*/Box*/
/* Body */
/*
#body{
    width:100%;
    text-align: left;    
    min-width:820px;
}
/* Structure Section *
#header {
width:650px;
   margin:0 auto;
   position:relative;
}
/*
#content {
    width: 1024px;   
    min-width:1024px;
    margin:0 auto;
}*/

/* Header Section */
/*#logo {
height: 65px;
background:url(images/jquery-logo.gif) 0 0 no-repeat;
padding: 22px 0 0 100px;
position:absolute;
top:2px;
left:26px;
}*/
#logo h1 {
     font-size:1.8em;
}
#logo h2 {
     color:#777;
     font-size:1.0em;
     margin-top:6px;
}
#tabs {
     height: 32px;
     padding-top:105px
	/*position: relative;*/
}

#menu li,#menu li span{
    background-image:url(images/tabs_li_bg.gif);
    background-repeat:no-repeat;
}

#menu {
margin-left:20px;
    padding: 0;
    list-style: none;
}

#menu li {
    position: relative;
    float:left;
    height:32px;
    width:172px;
    margin-right:.33em;
    background-position:0 -96px;
    padding-left:5px;
    font-size:1.08em;
}
#menu li.on{
    background-position:0 -64px;
}

#menu li span{
    display:block;
    background-position:100% -32px;
    padding:0 18px 0 10px;
    line-height:2.5em;
    height:32px;
}

#menu li span img{
    float:left;
    margin:8px 6px 0 0;
}

#menu li.on span{
    background-position:100% 0;
}

#menu a {
	display: block;
	color: #000000;
	width: 144px;
	text-decoration: none;
	font-weight: bold;
	height:32px;
}
#menu li em {
	font-weight: bold;	
	font-style: normal;
	font-size:0.8em;
	line-height:1.4em;
	width: 180px;
	height: 55px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 16px 12px 10px;
	z-index: 2;
	display: none;
	background: url(images/hover.png) no-repeat;
} 
/*Right Menu*/
#preview {
    cursor:pointer;
    position:fixed;
    top:120px;
    right:4px;
    padding:6px;
    width:200px;
}
#preview h3 {
    padding:4px 8px 0 8px;
}
#preview li ul {
    padding-left:12px;
    list-style:	disc;
}

#content h2 {
	margin: 12px 0;
	color:#777;
}

#content h3 {
	margin: 16px 0 6px 0;
	clear:both;
}
#content h3 a{
	color:#555;
}
	
#content blockquote p, pre{
        padding:6px;
        border:1px solid #999;
        background:#f4f4ff;
}
	
#content  ul li {
	padding-left:24px;
	background:url(images/checkbox.gif) no-repeat;
}


.behind-the-site{position:absolute;top:0;right:0;background:url(images/behind_the_site2.gif) no-repeat;width:113px;height:144px;}
.behind-the-site a{display:block;width:88px;height:112px;}
.behind-the-site a span{display:none;}

#page {
margin-bottom:200px;
}
/* Defaults */
#header-wrap,
#navigation-wrap,
#sub-header-wrap,
#sub-header-wrap-main,
#sub-header-wrap-main-nw,
#sub-header-wrap-main-new,
#content-wrap,
#content-wrap-new,
#footer-wrap {
        min-width: 960px;
        padding: 0 10px;
}
#header,
#navigation,
#sub-header,
#content,
#footer {
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        width: 960px;
}
#footer { font-size:12px; }
#footer a {color: #fff;}
#footer h5 {padding-bottom:6px !important;}
#content-wrap {
min-height:400px;        
background: url(images/bg_content-wrap.gif) repeat-x;;
}

.ribbon-blue-1 {
	background: transparent url(images/ribbon_blue_1.png) no-repeat scroll left top;
	height: 66px;
	position: relative;
	left: -43px;
	text-indent: 40px;
	line-height: 40px
}

.ribbon-blue-2 {
	background: transparent url(images/ribbon_blue_2.png) no-repeat scroll left top;
	height: 66px;
	position: relative;
	left: -43px;
	text-indent: 40px;
	line-height: 40px;
	width: 664px
}

.ribbon-orange-1 {
	background: transparent url(images/ribbon_orange_1.png) no-repeat scroll left top;
	height: 45px;
	width: 414px;
	position: relative;
	line-height: normal;
	left: -34px;
	text-indent: 20px;
	margin: 12px 0 0 0
}
#content-wrap-new {
        background: #fff url(../images/noise-pattern.png) repeat center top;
}

body.has-sidebar #content-wrap {
        background: #fff url(../images/content-bg.png) repeat-y center top;
}

body.has-sidebar #content-wrap-new {
        background: #fff;
}

#footer-wrap {
        border-top: 0px solid #353b42;
}
#respondwhy {
        margin-top: 20px;
        float: right;
        clear: right;
        width: 100px;
margin-bottom:20px;
}

#respond {
        margin-top: 20px;
        float: left;
        width: 690px;
}

#respond h3 {
        padding-bottom: 20px;
}

#respond input[type=text], #respond input[type=password] {
        padding: 5px 10px;
        width: 250px;
        margin-right: 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 20px;
}

#respond textarea {
        padding: 5px 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 20px;
        width: 668px;
}
#respond input[type=submit], #respond input[type=button], #contactView input[type=button] {
        margin-top: 20px;
        float: left;
        border: 1px solid #4fa3ce;
        color: #fff;
        padding: 6px 20px;
        cursor: pointer;
        font-family: Tahoma, Arial;
        font-size: 10px;
        text-transform: uppercase;
        text-shadow: 0 1px 0 #666c75;
        position: relative;
        /* CSS3 */
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0px 1px 0px #133746;
        -moz-box-shadow: 0px 1px 0px #133746;
        box-shadow: 0px 1px 0px #133746;
        background: #3f8abb;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5ebce1), to(#3f8abb));
        background: -moz-linear-gradient(#5ebce1, #3f8abb);
        background: linear-gradient(#5ebce1, #3f8abb);
        /* IE */
        behavior: url(PIE.htc);
}

a.signup {
        margin-top: 20px;
        float: left;
        border: 1px solid #4fa3ce;
        color: #fff;
        padding: 6px 20px;
        cursor: pointer;
        font-family: Tahoma, Arial;
        font-size: 10px;
        text-transform: uppercase;
        text-shadow: 0 1px 0 #666c75;
        position: relative;
        /* CSS3 */
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0px 1px 0px #133746;
        -moz-box-shadow: 0px 1px 0px #133746;
        box-shadow: 0px 1px 0px #133746;
        background: #3f8abb;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5ebce1), to(#3f8abb));
        background: -moz-linear-gradient(#5ebce1, #3f8abb);
        background: linear-gradient(#5ebce1, #3f8abb);
        /* IE */
        behavior: url(PIE.htc);
}
a.signup:hover {
        border: 1px solid #a5aaae;
        /* CSS3 */
        -webkit-box-shadow: 0px 1px 0px #383d3f;
        -moz-box-shadow: 0px 1px 0px #383d3f;
        box-shadow: 0px 1px 0px #383d3f;
        background: #93989c;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b7bcc1), to(#93989c));
        background: -moz-linear-gradient(#b7bcc1, #93989c);
        background: linear-gradient(#b7bcc1, #93989c);
        /* IE */
        behavior: url(PIE.htc);
}



*+html #respond input[type=submit], *+html #respond input[type=button] {
        padding: 6px 0px;
}
#respond input[type=submit]:hover, #respond input[type=button]:hover, #contactView input[type=button]:hover  {
        border: 1px solid #a5aaae;
        /* CSS3 */
        -webkit-box-shadow: 0px 1px 0px #383d3f;
        -moz-box-shadow: 0px 1px 0px #383d3f;
        box-shadow: 0px 1px 0px #383d3f;
        background: #93989c;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b7bcc1), to(#93989c));
        background: -moz-linear-gradient(#b7bcc1, #93989c);
        background: linear-gradient(#b7bcc1, #93989c);
        /* IE */
        behavior: url(PIE.htc);
}
.searching #s {
                padding: 15px 0 0 10px;
        }
        #respond input[type=submit], #respond input[type=button] {
                padding: 7px 20px;
        }
        #footer input.signup {
                margin-top: 2px;
        }
p {
        padding-bottom: 20px;
        font-size: 101%;
}
ol, ul {
        list-style: none;
}
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}
acronym {
        cursor: help;
        border-bottom: 1px dashed #333;
}
strong {
        color: #353b42;
        font-weight: bold;
}
em {
        font-style: italic;
}

