@charset "utf-8";
* { margin: 0; padding:0; }
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.wrap { width: 960px; margin: auto; }
html,body { height:100%; }
body { background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#wrap { min-height: 100%; position: relative; }

h1,h2,h3,h4,h5 { font-family: Arial, Helvetica, sans-serif; }
#head { background: url(http://media.called.in/new/images/bg_01.gif) repeat-x bottom #282b2f;  }
#head form { float:left; padding-top: 13px; }
#head form label { color: #595b5e; font-weight: bold; font-size: 11px; margin-right: 6px; margin-top: 4px; float:left; }
#head form input.txt { width: 102px; height: 29px; background: url(http://media.called.in/new/images/input_txt.gif) no-repeat; border: none; float:left; margin: 0 6px 0 0; color: #fff; font-weight: bold; font-size: 11px; padding: 5px; }
#head form input.btn { float:left; }
#head ul#nav { list-style: none; padding: 16px 0 28px 0; float:right; }
#head ul#nav li {  float: left; }
#head ul#nav li a { color: #fff; font-weight: bold; font-size: 14px; padding: 10px 14px; text-decoration: none; }
#head ul#nav li a:hover { color: #ff6201; }

#index-splash { background: url(http://media.called.in/new/images/bg_02.gif) repeat-x #54575c; height: 360px; clear:both; }

#index-splash .left { width: 560px; float:left; }

#index-splash .wrap { background: url(http://media.called.in/new/images/index-splash-bg.png) no-repeat center; height: 358px; padding: 1px 0; }
#index-splash h1 a#logo { behavior: url(/iepngfix.htc); background: url(http://media.called.in/new/images/logo.png) no-repeat; height: 66px; width: 250px; text-indent: -9999px; display: block; margin: 30px 0 20px 0; outline: none; }
#index-splash h2#intro { behavior: url(/iepngfix.htc); background: url(http://media.called.in/new/images/index-intro.png) no-repeat; height: 158px; width: 512px; text-indent: -9999px; display: block; margin: 0 0 12px 0; }
#index-splash a#register { behavior: url(/iepngfix.htc); background: url(http://media.called.in/new/images/index-register.png) no-repeat; height: 48px; width: 193px; text-indent: -9999px; display: block; margin: 0 0 0 -6px; outline: none; }

#index-splash .demo {behavior: url(/iepngfix.htc); background: url(http://media.called.in/new/images/index-validation-bg.png) no-repeat; width: 320px; height: 294px; color: #fff; float:left; margin: 32px 0 0 70px; display: inline; }
#index-splash .demo h3 { font-size: 22px; font-weight: normal; margin: 28px 30px 10px 30px; }
#index-splash .demo p { margin: 0 30px 22px 30px; line-height: 17px; font-size: 14px;  }
#index-splash .demo form p { margin-bottom: 17px; }
#index-splash .demo form p label { float: left; width: 100px; font-weight: bold; margin: 0; font-size: 12px; }
#index-splash .demo form p input.text { width: 154px; }
#index-splash .demo form p select {  width: 156px; }
#index-splash .demo form input.btn { margin: auto; display: block; width: 193px; }

#content { background: url(http://media.called.in/new/images/bg_03.gif) repeat-x top; padding: 0 0 180px 0; padding-top:1px; }
#content h1 { color: #ff6001; font-size: 32px; letter-spacing: -1px; font-weight: bold; margin: 40px 0 15px 0; }
#content h2 { color: #5e6166; font-weight: normal; font-size: 22px; margin: 15px 0; }
#content h3 { color: #5e6166; font-weight: normal; font-size: 16px; margin: 15px 0; }
#content p { color: #5e6166; font-size: 13px; line-height: 20px;  }
#content p a { text-decoration: none; color: #ff6001; }
#content p a:visited { text-decoration: none; color: #ff6001; }
#content p a:hover { text-decoration: underline; }
#content ul { color: #5e6166; list-style: square; margin: 10px 26px; }
#content ul li { margin: 6px 0; }


#content .left { width: 430px; float:left; }
#content .right { width: 430px; float:left; padding:0 0 30px 100px; }
#content .border { border-top: 1px solid #d2d3d4; }

#footer { position: absolute; bottom:0; width: 100%; background: #282b2f; border-top: 10px solid #1e2023; padding: 20px 0 60px 0; }
#footer p { color: #7e8082; font-size: 11px; margin: 14px 0 0 0; }
#footer p a { color: #7e8082; font-weight: bold; padding: 0 6px; text-decoration: none; }
#footer p a:hover { color: #fff; }
#footer ul { list-style: none; float: right; margin-top: 8px; }
#footer ul li { display: inline; padding: 0 6px; }
#footer ul li a { color: #7e8082; font-size: 11px; font-weight: bold; text-decoration: none; }
#footer ul li a:hover { color: #fff; }


/** Sub Pages **/

#sub-splash { background: url(http://media.called.in/new/images/bg_02.gif) repeat-x #54575c; height: 100px; }
#sub-splash .wrap { background: url(http://media.called.in/new/images/index-splash-bg.png) no-repeat center top; height: 98px; padding: 1px 0; }
#sub-splash h1 a#logo { behavior: url(/iepngfix.htc); background: url(http://media.called.in/new/images/logo.png) no-repeat; height: 66px; width: 250px; text-indent: -9999px; display: block; margin: 15px 0 0 0; outline: none; }

#content #register form p { margin: 18px 0; }
#content #register form p label { float:left; width: 160px; }
#content #register form p input { padding: 5px; width: 180px; }

#content .sub-page .left { width: 560px; float:left; }
#content .sub-page .right { width: 300px; margin-left: 50px; float:left; margin-top: 30px; padding:30px 0 30px 49px; border-left: 1px solid #d6d6d6; }
#api .right a.active { background: url(http://media.called.in/new/images/right_active.gif) no-repeat left; color: #fff; padding: 5px 0 5px 14px; display: block; margin-left:-14px; }
#content .sub-page .right h2 { margin-top:0; }
#content .sub-page .right p { margin: 6px 0; }

#api ul.tour { list-style: none; padding:20px 0 0 0; margin:0; }
#api ul.tour li { float:left; width: 170px; margin-right: 8px; }
#api ul.tour li a { display: block; height: 83px; background: url(http://media.called.in/new/images/tour_off.gif) no-repeat; text-align: center; padding-top: 14px; color: #ff6001; text-decoration: none; line-height: 20px; }
#api ul.tour li a:hover { color: #333; text-decoration: underline; }
#api ul.tour li.active a { background: url(http://media.called.in/new/images/tour_on.gif) no-repeat; color: #fff; text-decoration: none; }

#content .box { border: 1px solid #d6d6d6; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 12px 18px; margin: 20px 20px 10px 20px; color: #5e6166; }
#content .box span.label { margin-top:-20px; float:left; background: #fff; font-weight: bold; padding: 0 6px; font-size: 11px; color: #ff6001; }
#content .box p { margin: 10px 0; }
#content .box p.error {  font-weight: bold; padding: 0 0; font-size: 11px; color: #ff6001; }
#content .box img.screen { border: 4px solid #e4e4e4; margin: 6px 0 8px 25px; clear:left;  }

.download { display: block; padding: 15px 0 15px 60px; font-size: 18px; background: url(http://media.called.in/new/images/ico_download.gif) no-repeat left; text-decoration: underline; }

    #tabs{
        margin-left: 4px;
        padding: 0;
        background: transparent;
        voice-family: "\"}\"";
        voice-family: inherit;

    }
    #tabs ul{
        font: bold 11px Arial, Verdana, sans-serif;
        margin:0;
        padding:0;
        list-style:none;
    }
    #tabs li{
        display:inline;
        margin:0 2px 0 0;
        padding:0;
        text-transform:uppercase;
    }
    #tabs a{
        float:left;
        color: #000;
        margin:0 2px 0 0;
        padding:0 0 1px 3px;
        text-decoration:none;
    }
    #tabs a span{
        float:left;
        display:block;
        padding:4px 9px 2px 6px;
    }
    #tabs a span{float:none;}
    #tabs a:hover{text-decoration: underline;}
    #tabHeaderActive span, #tabHeaderActive a { background-color: #ff6001; color:#fff;}
    .tabContent {
        clear:both;
        border:0px;
        padding-top:2px;
    }
    

.error {
	background-color: #ffebe8;
	border-color: #c00;
}