/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face
{
    font-family: 'codropsicons';
    src: url('../fonts/codropsicons/codropsicons.eot');
    src: url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'), url('../fonts/codropsicons/codropsicons.woff') format('woff'), url('../fonts/codropsicons/codropsicons.ttf') format('truetype'), url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

*, *:after, *:before
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.rotate
{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

body, html
{
    padding: 0;
    margin: 0;
    width: 100%;
}
.head
{
	width:100%;
	height:6%;
	background:#277a3b;
}
.lbl
{
    color: #e6e6e6;
    margin-left: 2%;
    margin-top: 1%;
}

.txtbold
{
    font-weight: bold;
    font: 12px verdana;
    color: white;
}


/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after
{
    content: " ";
    display: table;
}

.clearfix:after
{
    clear: both;
}

body
{
    font-family: 'Lato' , Calibri, Arial, sans-serif;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.ToolImage
{
    height: 24px;
    width: 24px;
}

a
{
    color: #333;
    text-decoration: none;
}

a:hover
{
    color: #fff;
}

.main, .container > header
{
    width: 100%;
    margin: 0 auto;
    padding: 0em;
}

.main
{
    /*max-width: 82.667em; 	min-height: 40em;*/
}

.container > header
{
    text-align: center;
    font-size: 16px;
    padding: 4em 2em 3em;
    background: rgba(0,0,0,0.01);
}

.container > header h1
{
    font-size: 2.625em;
    line-height: 1.3;
    margin: 0;
    font-weight: 300;
}

.container > header span
{
    display: block;
    font-size: 60%;
    color: #ceccc6;
    padding: 0 0 0.6em 0.1em;
}

/* Header Style */
.codrops-top
{
    background: #fff;
    background: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    position: relative;
    width: 100%;
    font-size: 0.7em;
    line-height: 2.2;
}

.codrops-top a
{
    padding: 0 1em;
    letter-spacing: 0.1em;
    color: #888;
    display: inline-block;
}

.codrops-top a:hover
{
    background: rgba(255,255,255,0.9);
}

.codrops-top span.right
{
    float: right;
}

.codrops-top span.right a
{
    float: left;
    display: block;
}

.codrops-icon:before
{
    font-family: 'codropsicons';
    margin: 0 4px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before
{
    content: "\e001";
}

.codrops-icon-prev:before
{
    content: "\e004";
}

.codrops-icon-archive:before
{
    content: "\e002";
}

.codrops-icon-next:before
{
    content: "\e000";
}

.codrops-icon-about:before
{
    content: "\e003";
}

@media screen and (max-width: 25em)
{
    .codrops-icon span
    {
        display: none;
    }

    .container > header
    {
        font-size: 75%;
    }
}

.text1
{
    font: 20px verdana;
    width: 100%;
    padding: 4px;
    height: 35px;
    border: 0px solid #FFF;
    color: #FFF;
    background-color: #615C58;
    opacity:1;
    text-transform: uppercase;
}

.text2
{
    font: 12px verdana;
    width: 100%;
}

.label1
{
    font-size: small;
    height: 1.6vw;
    width: 100%;
}

.roundtext
{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #cccccc;
    background-color: #FFF;
    margin: auto;
}

.roundtext td
{
    border-bottom: 1px solid lightgray;
}

.calstyle
{
    height: 1.14vw;
    width: 1.15vw;
    margin-left: -1.4vw;
    margin-top: 0.25vw;
    position: absolute;
}

navc ul
{
    list-style: none;
}

navc ul li
{
    float: left;
    padding: 1vw;
    color: gray;
    font: 1vw verdana;
}

.imgfadein
{
    -webkit-transition: 1s ease-in;
    -moz-transition: 1s ease-in;
    -ms-transition: 1s ease-in;
    -o-transition: 1s ease-in;
}

.imgfadeout
{
    -webkit-transition: 1s ease-out;
    -moz-transition: 1s ease-out;
    -ms-transition: 1s ease-out;
    -o-transition: 1s ease-out;
}

.parastyle
{
    font-size: 0.9vw;
    font-family: 'CenturyGothic' , Century gothic, Verdana, Geneva, sans-serif;
    color: #000;
    line-height: 1.3vw;
    text-align: justify;
    width: 100%;
    margin: 0.6vw;
}

.dropdown1
{
    font: 12px verdana;
    padding: 4px;
    width: 100%;
}
.dropdown2
{
    font: 12px verdana;
    padding: 4px;
    width: 100%;
    border: 0px solid #FFF;
}

button
{
    /*font-size: 12px; 	font-family: verdana;*/
    font: 0.7em verdana;
    text-shadow: 0 1px 1px #fff;
    border: 1px solid #acacac;
    background-color: #c02c2c;
    border-top-color: #bdbdbd;
    letter-spacing: 0px;
    text-align: center;
    display: inline-block;
    border-bottom-color: #949494;
    border-radius: .314em;
    -webkit-border-radius: .214em;
    -moz-border-radius: .214em;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -o-box-shadow: inset 0 1px 0 #fff;
    box-sizing: border-box;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    background-image: -moz-linear-gradient(top, #df3f3f, #a21a1a);
    background-image: -ms-linear-gradient(top, #df3f3f, #a21a1a);
    background-image: -o-linear-gradient(top, #df3f3f, #a21a1a);
    background-image: linear-gradient(to bottom, #df3f3f, #a21a1a);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
    color: white;
    white-space: nowrap;
    cursor: pointer;
    padding: 0.5em 0.8em;
    margin: 0px;
}

button:hover, button:focus
{
    background-color: #dc5f59;
    box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 #dc5f59;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 #dc5f59;
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 #dc5f59;
    -o-box-shadow: 0 0 7px rgba(0,0,0,0.4), inset 0 1px 0 #dc5f59;
}

button:active
{
    background: #ccc;
    background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#ebebeb));
    background: -moz-linear-gradient(top, #c3c3c3, #ebebeb);
    border-color: #a6a6a6;
    border-top-color: #939393;
    border-bottom-color: #bcbcbc;
    box-shadow: inset 0 -1px 0 #fff;
    -webkit-box-shadow: inset 0 -1px 0 #fff;
    -moz-box-shadow: inset 0 -1px 0 #fff;
    -o-box-shadow: inset 0 -1px 0 #fff;
}

button.default
{
    color: #1c4257;
    background: #a3cde3;
    background: -webkit-gradient(linear, left top, left bottom, from(#b9e0f5), to(#85b2cb));
    background: -moz-linear-gradient(top, #b9e0f5, #85b2cb);
    border: 1px solid #759bb1;
    border-top-color: #8ab0c6;
    border-bottom-color: #587e93;
}

button.default:hover, button.default:focus
{
    box-shadow: 0 0 7px #53a6d5;
    box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 #fff;
    -webkit-box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 #fff;
    -moz-box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 #fff;
    -o-box-shadow: 0 0 7px #53a6d5, inset 0 1px 0 #fff;
}

button.default:active
{
    background: #8abcd7;
    background: -webkit-gradient(linear, left top, left bottom, from(#81afc8), to(#b7def4));
    background: -moz-linear-gradient(top, #81afc8, #b7def4);
    border-color: #6e94a9;
    border-top-color: #567c91;
    border-bottom-color: #88aec4;
    box-shadow: inset 0 -1px 1px #fff;
    -webkit-box-shadow: inset 0 -1px 1px #fff;
    -moz-box-shadow: inset 0 -1px 1px #fff;
    -o-box-shadow: inset 0 -1px 1px #fff;
}

button[disabled], button[disabled]:active
{
    color: #a7a7a7;
    background: #efefef;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1));
    background: -moz-linear-gradient(top, #f6f6f6, #e1e1e1);
    border-color: #d4d4d4;
    border-top-color: #dedede;
    border-bottom-color: #c9c9c9;
    cursor: default;
}

button[disabled]:hover, button[disabled]:focus
{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}

.btextlist
{
    font: 0.8em verdana;
    width: 100%;
}