@charset "utf-8";
/* CSS Document */
/*-------------------------------Html5 Reset-------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

table, table td {
    padding: 0;
    border: none;
    border-collapse: collapse
}

img, embed {
    vertical-align: top
}

/*-------------------------------Html5 Reset--------------------------------*/

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
    display: block
}

mark, rp, rt, ruby, summary, time {
    display: inline
}

/*-------------------------------Common CSS-------------------------------*/

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
}

body {
    background: url(../images/bg.jpg);
    color: #333;
    font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
    font-size: 13px;
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    margin: 0;
    padding: 0;
    border: none;
}

a img {
    border: none;
}

a {
    cursor: pointer;
    color: #0057CC;
    text-decoration: none;
}

a:hover {
    cursor: pointer;
    color: #000;
    text-decoration: underline;
}

.clear {
    clear: both;
}

.flt_lft {
    float: left !important;
}

.flt_rht {
    float: right !important;
}

.center {
    text-align: center;
}

#container {
    margin: 0 auto;
    padding: 0;
    width: auto;
    position: relative;
}

.wrapper {
    margin: 0 auto;
    padding: 0;
    width: 1080px;
}

#header {
    background: none repeat scroll 0 0 #EEEEEE !important;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    filter: none;
    padding: 20px 0;
    behavior: url(js/PIE.htc);
}

#header h1 {
    margin: 0;
    padding: 0 0 0 63px;
    background: url(../images/dashboard.png) no-repeat left;
    color: #4F5356l;
    font-size: 40px;
    display: block;
    float: left;
    line-height: 40px;
    letter-spacing: -2px;
}

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

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

#navigation {
    margin: 0;
    padding: 0;
    float: right;
    height: 40px;
}

#navigation ul li {
    margin: 0;
    padding: 0;
    float: left;
    line-height: 40px;
    font-size: 14px;
}

#navigation ul li a {
    color: #333;
    text-decoration: none;
    padding: 0 10px;
    display: block;
}

#navigation ul li a:hover, #navigation ul li a.active {
    text-decoration: underline;
    color: #000;
}

#body-wrap {
    margin: 0;
    padding: 40px 0;
}

#loginWrapper {
}

#loginWrapper h1 {
    margin: 0;
    padding: 0;
    font-size: 3.2em;
    letter-spacing: -1px;
}

#loginWrapper p {
    margin: 0;
    padding: 8px 0;
    font-size: 18px;
    font-weight: 200;
}

textarea {
    margin: 0 0 10px 0;
    padding: 15px;
    width: 450px;
    border: 1px solid #CCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

input[type=submit] {
    background-color: #0074CC;
    background-image: -moz-linear-gradient(center top, #0088CC, #0055CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    margin: 0 0 0 80px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 0;
    width: 216px;
    color: #fff; /*font-weight:bold;*/
    font-size: 20px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    ox-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

form.login {
    margin: 0;
    padding: 10px 0 0 0;
}

form.login label {
    margin: 0;
    padding: 0 10px 0 0;
    width: 70px;
    display: block;
    float: left;
    line-height: 38px;
    font-size: 13px;
    line-height: 38px;
    color: #333;
}

input:not([type]),
input[type="text"],
input[type="password"],
.loginPageInput {
    margin: 0 0 5px 0;
    padding: 5px;
    height: 40px;
    border: 1px solid #CCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    font-weight: bold;
}

.loginPageInput {
    width: 220px;
}

form.login input[type=submit] {
    background-color: #0074CC;
    background-image: -moz-linear-gradient(center top, #0088CC, #0055CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    margin: 0 0 0 80px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 0;
    width: 216px;
    color: #fff; /*font-weight:bold;*/
    font-size: 20px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    ox-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.link {
    margin: 40px 0 0 40px;
    font-size: 18px;
}

.link a {
    color: #0088CC;
    float: left;
    margin: 0 20px 0 0;
    text-decoration: none;
}

.link a:hover {
    color: #333;
    text-decoration: underline;
}

input.btn[type=submit] {
    background-color: #5BB75B;
    background-image: -moz-linear-gradient(center top, #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 6px 6px 6px 6px;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 8px;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    font-weight: bold;
}

input.btn2[type=submit] {
    background-color: #cc0000;
    background-image: -moz-linear-gradient(center top, #ff0d14, #e60006);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 6px 6px 6px 6px;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 8px;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    font-weight: bold;
}

#footer {
    margin: 0;
    padding: 20px 0;
    background: #292727;
    color: #fff;
}

.footer-block {
    margin: 0;
    padding: 0;
    float: left;
    width: 260px;
}

.footer-block h3 {
    margin: 0;
    padding: 0 0 8px 0;
    font-size: 18px;
}

.footer-block ul li {
    margin: 0;
    padding: 0;
    line-height: 24px;
    color: #fff;
}

.footer-block ul li a {
    color: #999;
    text-decoration: none;
}

.footer-block ul li a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer-block ul.social {
    height: 32px;
    width: 100%;
    display: block;
    margin: 0;
    padding: 5px 0 0 0;
}

.footer-block ul.social li {
    margin: 0 5px 0 0 !important;
    padding: 0;
    float: left !important
}

.footer-block ul.social li a {
    margin: 0;
    padding: 0;
    height: 32px;
    width: 32px;
    text-indent: -9999px;
    display: block;
}

.footer-block ul.social li a.fb {
    background: url(../images/facebook.png);
    background-position: 0 0;
}

.footer-block ul.social li a.fb:hover {
    background-position: 0 32px;
}

.footer-block ul.social li a.tw {
    background: url(../images/twitter.png);
    background-position: 0 0;
}

.footer-block ul.social li a.tw:hover {
    background-position: 0 32px;
}

.footer-block ul.social li a.plus {
    background: url(../images/google.png);
    background-position: 0 0;
}

.footer-block ul.social li a.plus:hover {
    background-position: 0 32px;
}

.footer-block ul.social li a.yt {
    background: url(../images/youtube.png);
    background-position: 0 0;
}

.footer-block ul.social li a.yt:hover {
    background-position: 0 32px;
}

#copy {
    margin: 0;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    color: #fff;
    background: #000;
}

table.table1 {
    margin: 0 0 20px 0;
    padding: 0;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

table.table1 td {
    color: #000;
}

table.table1 td, table.table1 th {
    margin: 0;
    padding: 5px 10px;
    font-size: 14px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

table.table1 th {
    text-align: left;
    font-size: 14px;
    background: #333;
    color: #fff;
}

table.table1 td.category {
    width: 70%
}

table.table1 td.btn {
    width: 30%
}

table.table1 td a {
    font-weight: bold;
    color: #0083CC;
}

table.table1 td a:hover {
    color: #000;
}

.odd {
    background: #f1f1f1;
}

.even {
    background: #fafafa;
}

#form-box {
    margin: 20px auto;
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    width: 700px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #ccc;
    behavior: url(js/PIE.htc);
}

#form-box label {
    margin: 0 0 3px 0;
    padding: 0;
    height: 30px;
    line-height: 30px;
    display: block;
    width: 100%;
    font-size: 20px;
}

#form-box label span {
    font-size: 14px;
    font-weight: normal;
}

#fileUpload .fileFld {
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
}

.file_1 {
    background: url(../images/filefield.png);
    height: 41px;
    width: 678px;
    color: #888;
    padding: 0 5px;
    line-height: 53px !important;
    border: none;
}

#form-box input[type=submit] {
    background-color: #0074CC;
    background-image: -moz-linear-gradient(center top, #0088CC, #0055CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 0;
    width: 216px;
    color: #fff; /*font-weight:bold;*/
    font-size: 20px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    ox-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    display: block;
    margin: 0 auto
}

input.btn[type="button"] {
    background-color: #5BB75B;
    background-image: -moz-linear-gradient(center top, #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 8px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

input.btn2[type="button"] {
    background-color: #cc0000;
    background-image: -moz-linear-gradient(center top, #ff0d14, #e60006);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 6px 6px 6px 6px;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 8px;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    font-weight: bold;
}

input.btn3[type="button"] {
    background-color: #0074CC;
    background-image: -moz-linear-gradient(center top, #0088CC, #0055CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 6px 6px 6px 6px;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 8px;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    font-weight: bold;
}

form.login {
    margin: 0;
    padding: 10px 0 0 0;
}

form.login label {
    margin: 0;
    padding: 0 10px 0 0;
    width: 70px;
    display: block;
    float: left;
    line-height: 38px;
    font-size: 13px;
    line-height: 38px;
    color: #333;
}