@import url('reset.html');
@import url('tabs.html');

/**
* Anowave tools common styles
* 
* The CSS rules below are used only for tool demo pages and are NOT required by tools themselves.
* All required tool CSS can be found in the tool download file (Zip)
* 
* @version 1.0
* @copyright Anowave
*/



/* Buttons */
a.button { display:block; float:left; }
a.button { background:url(images/buttons/input.button.right.html) top right no-repeat; padding-right:10px; }
a.button > span { float:left; position:relative; display:block; height:34px; line-height:26px; color:#000;  background:url(images/buttons/input.button.left.html) top left no-repeat; padding-left:20px; }
a.button > span > span {  float:left; color:#d85800; zoom: 1; filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=2); padding-right:20px;  }
a.button > span > span i { display:block; width:16px; height:16px; position:absolute; top:6px; left:-24px; background:url(images/loader/button.html) center center no-repeat; }
a.button > span > span:before { color: #fff; content: attr(data-text); position:absolute; top:1px; left:21px; }
a.button:hover { background:url(images/buttons/input.button.right.over.html) top right no-repeat; padding-right:10px;  }
a.button:hover > span { position:relative; display:block; height:34px; line-height:26px; color:#ffdad3; cursor:pointer;   background:url(images/buttons/input.button.left.over.html) top left no-repeat; padding-left:20px;  }

h2 { display:block; margin:20px 0px 20px 0px; color:#2e2e2e; font-weight:normal; font-size:15px; text-shadow:0 0 1px rgba(255, 255, 255, 0.2);  }
h2 em { display:block; color:#959595; margin:5px 0px 0px 15px; }
h3 { display:block; margin:20px 0px 5px 0px; color:#909090; }

pre { -moz-tab-size: 4; -o-tab-size:4; tab-size:4; }

.copy, 
.copy p { line-height:16px; }
.copy p { display:block; margin:5px 0px 5px 0px; }
.copy h1 { display:block; margin-bottom:20px; text-transform:uppercase; }

.pin { position:absolute; top:-100px; left:50%; background:#fb8800; margin:0px auto; padding:20px; color:#fff; text-shadow:#e87e00 -1px -1px; white-space:nowrap; }

/**
 * GitHub theme
 *
 * @author Craig Campbell
 * @version 1.0.4
 */
pre {
    word-wrap: break-word;
    line-height: 19px;
    margin-bottom: 20px;
	
 
}

code {
    margin: 0px 2px;
    padding: 0px 5px;
    font-size: 12px;
}

pre code {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

pre, code {
    color: #333;

}

pre, pre code {
    font-size: 13px;
}

pre .comment {
    color: #998;
}

pre .support {
    color: #0086B3;
}

pre .tag, pre .tag-name {
    color: navy;
}

pre .keyword, pre .css-property, pre .vendor-prefix, pre .sass, pre .class, pre .id, pre .css-value, pre .entity.function, pre .storage.function {
    font-weight: bold;
}

pre .css-property, pre .css-value, pre .vendor-prefix, pre .support.namespace {
    color: #333;
}

pre .constant.numeric, pre .keyword.unit, pre .hex-color {
    font-weight: normal;
    color: #099;
}

pre .entity.class {
    color: #458;
}

pre .entity.id, pre .entity.function {
    color: #900;
}

pre .attribute, pre .variable {
    color: teal;
}

pre .string, pre .support.value  {
    font-weight: normal;
    color: #d14;
}

pre .regexp {
    color: #009926;
}