/* 
    Document   : style
    Created on : 2013-4-28, 2:06:37
    Author     : Ludiq
    Description:
        Purpose of the stylesheet follows.
*/
body {
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #000;
    color: #fff;
}
::selection {
    background: none;
    color: #2b86ed;
}
#main {
    width: 1000px;
    margin: 0 auto;
}

/*Header*/
#header {
    width: 1000px;
    overflow: hidden;
    border-bottom: #6bc1fd solid 2px;
}
#header h1 {
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    color: #45a6f8;
    text-align: center;
    padding: 10px 0 10px 0;
}

#menu {
    text-align: center;
    margin-bottom: 5px;
}
#menu a {
    margin: 5px;
    padding: 10px;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    background: -webkit-linear-gradient(bottom, #e6eef8, #c7d5e4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #e6eef8, #c7d5e4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #e6eef8, #c7d5e4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #e6eef8, #c7d5e4); /* Standard syntax */
    color: #1365b1;
}
#menu a:hover,
#menu a.active {
    background: -webkit-linear-gradient(bottom, #3998f1, #1365b1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #3998f1, #1365b1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #3998f1, #1365b1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #3998f1, #1365b1); /* Standard syntax */
    color: #fff;
}

/*MAIN CONTENT*/
#mainHolder {
    width: 1000px;
    margin-top: 10px;
}
#mainHolder h1 {
    text-align: center;
    font-family: Arial;
    font-size: 22px;
    font-weight: bold;
}
#mainHolder .form {
    width: 600px;
    margin: 0 auto;
}
#mainHolder .form .row {
    width: 600px;
    overflow: hidden;
    margin-bottom: 5px;
    font-family: Arial;
    color: #000;
    font-size: 13px;
}
#mainHolder .form .row .text,
#mainHolder .form .row .fields {
    float: left;
    background: #3cabf1;
    height: 26px;
}

#mainHolder .form .row .text {
    width: 150px;
    text-align: right;
    padding: 16px 10px 4px 10px;
    font-weight: bold;
}
#mainHolder .form .row .fields {
    width: 370px;
    margin-left: 10px;
    padding: 10px 10px 10px 10px;
}
#mainHolder .form .row .fields.txtarea {
    height: 100px;
}
#mainHolder .form .row .fields.txtarea textarea {
    width: 300px;
    height: 90px;
}
#mainHolder .form .row .fields .submit {
    border: none;
    background: -webkit-linear-gradient(bottom, #3998f1, #1365b1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #3998f1, #1365b1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #3998f1, #1365b1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #3998f1, #1365b1); /* Standard syntax */
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    border: #000 solid 2px;
}

.msgs {
    margin: 0 auto;
    width: 516px;
    padding: 10px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
.msgs.err {
    border: #b41a0e solid 2px;
    color: #b41a0e;
    background: #fabab5;
}
.msgs.succ {
    border: #1a8d11 solid 2px;
    color: #1a8d11;
    background: #8df185;
}


/*Content Table*/
.table {
    width: 1000px;
}
.table table {
    width: 1000px;
}
.table td,
.table th {
    margin: 1px;
    padding: 5px;
    font-family: Arial;
    text-align: center;
}
.table th {
    background: #176db5;
    font-size: 14px;
    font-weight: bold;
}
.table th a {
    color: #fff;
    text-decoration: none;
}
.table th a:hover {
    text-decoration: underline;
}
.table td {
    color: #06416f;
    font-size: 13px;
}
.table tr.odd td {
    background: #64b4f9;
}
.table tr.even td {
    background: #9dcffb;
}


/*FOOTER*/
#footer {
    text-align: center;
    margin-top: 15px;
    border-top: #6bc1fd solid 2px;
    padding-top: 10px;
    text-align: center;
    color: #e2e9f2;
    font-family: Arial;
    font-size: 13px;
}
#footer a {
    text-decoration: none;
    color: #6bc1fd;
}
#footer a:hover {
    text-decoration: underline;
}


/*PAGING*/
.paging {
    margin-top: 20px;
    text-align: center;
}
.paging a {
    text-decoration: none;
    font-family: Arial;
    padding: 5px 15px 5px 15px;
    background: #e6eef8;
    font-size: 13px;
}

.paging a {
    padding: 5px 15px 5px 15px;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    background: -webkit-linear-gradient(bottom, #e6eef8, #c7d5e4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #e6eef8, #c7d5e4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #e6eef8, #c7d5e4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #e6eef8, #c7d5e4); /* Standard syntax */
    color: #1365b1;
}
.paging a:hover,
.paging a.current {
    background: -webkit-linear-gradient(bottom, #3998f1, #1365b1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #3998f1, #1365b1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #3998f1, #1365b1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #3998f1, #1365b1); /* Standard syntax */
    color: #fff;
}


/*FILTER*/
.filter {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Arial;
    font-size: 13px;
}
.filter label {
    border-right: #3998f1 solid 2px;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
}
.filter label .fields {
    border: #3998f1 solid 2px;
    padding: 3px;
    color: #3998f1;
}
.filter label.button {
    border-right: none;
}
.filter label .submit {
    border: none;
    background: -webkit-linear-gradient(bottom, #3998f1, #1365b1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #3998f1, #1365b1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #3998f1, #1365b1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #3998f1, #1365b1); /* Standard syntax */
    color: #fff;
    cursor: pointer;
    text-align: center;
    padding: 5px 15px 5px 15px;
    border-radius: 5px;
}

.fresults {
    padding-top: 10px;
    border-bottom: #6bc1fd solid 2px;
    margin-bottom: 10px;
}
.fresults h2 {
    text-align: center;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    background: #3998f1;
    padding-top: 5px;
    padding-bottom: 5px;
}
.fresults p {
    font-family: Arial;
    font-size: 14px;
}

/*POPUPS*/

/*COSTS*/
.costoverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    display: none;
    z-index: 1000;
}
.costpopup {
    background: #edf3f8;
    position: fixed;
    top: 30%;
    left: 30%;
    width: 620px;
    border-radius: 5px;
    display: none;
    z-index: 1100;
}
.costpopup .ccontent {
    padding: 40px 25px 25px 25px;
    position: relative;
}
.costpopup .ccontent .costclosebtn {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/closeicon.png) no-repeat;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.costpopup .ccontent .form {
    width: 600px;
    margin: 0 auto;
}
.costpopup .ccontent .form .row {
    width: 600px;
    overflow: hidden;
    margin-bottom: 5px;
    font-family: Arial;
    color: #000;
    font-size: 13px;
}
.costpopup .ccontent .form .row .text,
.costpopup .ccontent .form .row .fields {
    float: left;
    background: #b7c8d6;
    height: 26px;
}

.costpopup .ccontent .form .row .text {
    width: 150px;
    text-align: right;
    padding: 16px 10px 4px 10px;
    font-weight: bold;
}
.costpopup .ccontent .form .row .fields {
    width: 370px;
    margin-left: 10px;
    padding: 10px 10px 10px 10px;
}
.costpopup .ccontent .form .row .fields.txtarea {
    height: 100px;
}
.costpopup .ccontent .form .row .fields.txtarea textarea {
    width: 300px;
    height: 90px;
}
.costpopup .ccontent .form .row .fields .submit {
    border: none;
    background: -webkit-linear-gradient(bottom, #3998f1, #1365b1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #3998f1, #1365b1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #3998f1, #1365b1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #3998f1, #1365b1); /* Standard syntax */
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    border: #000 solid 2px;
}
.preloader {
    width: 30px;
    margin: 0 auto;
}


/*PROCEEDS*/
.proceedoverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    display: none;
    z-index: 1000;
}
.proceedpopup {
    background: #edf3f8;
    position: fixed;
    top: 30%;
    left: 30%;
    width: 620px;
    border-radius: 5px;
    display: none;
    z-index: 1100;
}
.proceedpopup .pcontent {
    padding: 40px 25px 25px 25px;
    position: relative;
}
.proceedpopup .pcontent .proceedclosebtn {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/closeicon.png) no-repeat;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.proceedpopup .pcontent .form {
    width: 600px;
    margin: 0 auto;
}
.proceedpopup .pcontent .form .row {
    width: 600px;
    overflow: hidden;
    margin-bottom: 5px;
    font-family: Arial;
    color: #000;
    font-size: 13px;
}
.proceedpopup .pcontent .form .row .text,
.proceedpopup .pcontent .form .row .fields {
    float: left;
    background: #b7c8d6;
    height: 26px;
}

.proceedpopup .pcontent .form .row .text {
    width: 150px;
    text-align: right;
    padding: 16px 10px 4px 10px;
    font-weight: bold;
}
.proceedpopup .pcontent .form .row .fields {
    width: 370px;
    margin-left: 10px;
    padding: 10px 10px 10px 10px;
}
.proceedpopup .pcontent .form .row .fields.txtarea {
    height: 100px;
}
.proceedpopup .pcontent .form .row .fields.txtarea textarea {
    width: 300px;
    height: 90px;
}
.proceedpopup .pcontent .form .row .fields .submit {
    border: none;
    background: -webkit-linear-gradient(bottom, #3998f1, #1365b1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, #3998f1, #1365b1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, #3998f1, #1365b1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #3998f1, #1365b1); /* Standard syntax */
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    border: #000 solid 2px;
}