@import url(css/join_styles.css);

.ICON			{ vertical-align: middle; padding-right: 3px;}
/* Source code */
pre {
background:#FFFFFF url(css/images/pre_bg.gif) repeat scroll left top;
border:1px solid #C8C8C8;
border-bottom:1px solid #686868;
border-RIGHT:1px solid #686868;
color:#000000;
display:block;
font-family:"Courier New",Courier,monospace;
font-size:13px;
line-height:18px;
margin:5px;
overflow:auto;
padding:0px 10px 0px;
width:700px;
}
pre code {
margin: 0 0 0 5px;  /*--Left Margin--*/
padding: 18px 0;
display: block;
}
pre code hilite {
background-color: #FF9900;
color: #fff;
}
pre.small { width: 500px; }
/* Navigation list */
.nav-wrapper
{
margin-left: 0;
padding-left: 0;
list-style: none;
}
.nav-wrapper > li
{
padding-left: 15px;
background-image: url(css/images/icon-learn-more-left.gif);
background-repeat: no-repeat;
background-position: 0 3px;
list-style-type:none;
}
.nav-wrapper > li > ul > li
{
list-style-type:square;
}
/* Product features list */
.featurelist-wrapper
{
margin-left: 0;
padding-left: 0;
list-style: none;
}
.featurelist-wrapper > li
{
padding-left: 20px;
padding-bottom: 5px;
background-image: url(css/images/checkmark_16px.png);
background-repeat: no-repeat;
background-position: 0px 1px;
list-style-type:none;
}
li.goldstar
{
background-image: url(css/images/goldstar_16px.png);
background-repeat: no-repeat;
}
.featurelist-wrapper > li a
{
padding-right: 17px;
background: aliceblue url(css/images/icon_online_demo_16px.png) no-repeat 100% 50%;
}
/* Product details header */
.productheader-wrapper
{
}
.productheader-wrapper img
{
float:left;
margin:0 10px 0 0;
border:0px solid #000;
padding-bottom: 10px;
}
.productheader-wrapper h1
{
padding-left: 15px;
padding-top: 15px;
}
/* Product list */
#catlist{
border:1px dashed #ccc;
border-bottom:none;
margin:10px auto;
}
#catlist dl{
margin:0 auto;
border-bottom:1px dashed #ccc;
padding:10px;
overflow:hidden;
background:#f2f2f2;
}
#catlist dd{overflow:auto}
#catlist dt strong{
float:right;
padding:0 0 0 20px;
}
#catlist dt img{
float:left;
margin:0 10px 0 0;
border:0px solid #000;
}
* html dd{height:1%}/* 3px jog*/
/* Standard table code */
table.StandardTable  a,
table.StandardTable a:link,
table.StandardTable a:visited {
border:none;
}		
.StandardTable img {
border:0;
}	
table.StandardTable {
width:90%;
border-top:1px solid #e3f1fe;
border-right:1px solid #e3f1fe;
margin:.5em auto;
border-collapse:collapse;
}
.StandardTable caption {
color: #9ba9b4;
font-size:.94em;
font-weight: bold;
letter-spacing:.1em;
padding:0;
margin:1em 0 0 0;
margin-bottom:0;
caption-side:top;
text-align:center;
}	
.StandardTable tr.odd td,
.StandardTable tr.odd .column1 {
background:#f4f9fe url(css/images/standardtablebg.gif) no-repeat;
}	
.StandardTable .column1	{
background:#f9fcfe;
}
.StandardTable td {
color:#678197;
border-bottom: 1px solid #e3f1fe;
border-left:1px solid #e5eff8;
padding:.3em 1em;
text-align:left;
}				
.StandardTable th {
font-weight:normal;
color: #678197;
text-align:left;
border-bottom: 1px solid #e3f1fe;
border-left:1px solid #e5eff8;
padding:.3em 1em;
}	
.StandardTable thead th {
background:#f4f9fe;
text-align:center;
font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
color:#66a3d3
}				
.StandardTable tfoot th {
background:#f4f9fe;
text-align:center;
}	
.StandardTable tfoot th strong {
font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
margin:.5em .5em .5em 0;
color:#66a3d3;
}		
.StandardTable tfoot th em {
color:#f03b58;
font-weight: bold;
font-size: 1.1em;
font-style: normal;
}	
/* testimonials */
blockquote.testimonial {
margin: 5px;
padding: 3px;
padding-left: 17px;
border: 1px dashed silver;
background: aliceblue url(css/images/quote.gif) no-repeat;
font-size: small; font-family: Arial, Helvetica, sans-serif;
}
blockquote.testimonial span {
display:block;
padding-top: 3px;
font-weight: bold;
}

/* popup message */
#message {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    z-index:105;
    text-align:center;
    font-weight:bold;
    font-size:1.3em;
    color:white;
    padding:10px 0px 10px 0px;
    background-color:#FF9933;
}

#message span {
    text-align: center;
    width: 95%;
    float:left;
}

#message .close-notify {
    white-space: nowrap;
    float:right;
    margin-right:10px;
    color:#fff;
    text-decoration:none;
    border:2px #fff solid;
    padding-left:3px;
    padding-right:3px
}

#message .close-notify a {
    color: #fff;
}