/* DEFAULTS
----------------------------------------------------------*/

body { background: #ffffff; font-size: 62.5%; font-family: 'Lato', sans-serif; margin: 0px; padding: 0px; color: #193a8f; }

p, h1, h2, h3, h4, h5, h6, ul, li { margin: 0; padding: 0; }
h1 { font-size: 2.5em; line-height: 1em; margin-bottom: 20px; }
h2 { font-size: 2em; line-height: 1.2em; padding-bottom: 10px; }
h3 { font-size: 1.8em; line-height: 1.8em; }
p { font-size: 1.4em; padding-bottom: 10px; line-height: 1.3em; }
ul { margin-left: 20px; }
.iphoneoveride { -webkit-appearance: none; }

a { outline: none; color: #00529b; }
img, input[type="image"] { border: 0; }
.errortext { font-size: 1.4em; color: red; }
.fullblack { background: black; opacity: 0.8; filter: alpha(opacity:80); }
.login { background-color: #000000; }
.clear { clear: both; }

.logobig { margin: 0 auto; width: 100%; background-color: #efefef; padding: 20px 0; text-align: center; }
.loginbg { background-image: url(../images/loginbg.jpg); margin: 0 auto; width: 100%; float: left; padding: 50px 0 250px 0; background-position: 0 -252px; min-height: 440px; }
input[type="submit"]:hover, a:hover { filter: alpha(opacity=70); opacity: 0.7; }
.pstyleextra { font-size: 14px; margin-bottom: 10px; }
.spacerR { margin-top: 6px; }
th { text-align: left; }
table { width: 98%; font-size: 1.4em; }
/*iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* STYLES GO HERE */
}

.loginarea { margin: 0 auto; width: 490px; }

    .loginarea h1 { font-size: 4em; color: #a5ba39; background-color: #ffffff; font-weight: 700; font-style: italic; text-align: center; width: 419px; margin: 0 0 0px 31px; }
    .loginarea .greyblock { background-image: url(../images/bg.gif); border: 1px solid #efefef; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; background-repeat: repeat; padding: 30px; text-align: center; }
    .loginarea h2 { font-size: 2.8em; color: #00529b; margin-bottom: 3px; }
    .loginarea h3 { font-size: 2em; color: #00529b; margin-bottom: 3px; }
    .loginarea .greyblock p { font-size: 1.4em; margin-top: 10px; }

    .loginarea label { font-size: 1.8em; }
    .loginarea .loginerror { color: Red; font-size: 1.8em; }
    .loginarea input[type="text"], .loginarea input[type="password"] { padding: 11px 5px 11px 8px; background-color: #FBFBFB; border: 2px solid #dad9d9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 300px; font-size: 1.5em; position: relative; z-index: 2; top: 0px; left: 0px; }

.toplogin { width: 500px; float: left; }



.loginarea .ticketbox { width: 20px; border: none; border-width: 0px; }

.loginarea input[type="submit"] { color: white !important; text-shadow: none; background-color: #a5ba39; background-position: left bottom; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: auto !important; padding: 15px 60px !important; line-height: 16px; font-weight: normal; text-transform: capitalize; margin: 25px 0 15px 0; display: inline-block; font-size: 1.6em; border: 1px solid #a5ba39; }
.mainsubmit { padding: 6px; font-size: 2.4em; width: 100%; }
.mainsubmit3 { padding: 6px; font-size: 2em; margin-right: 20px; margin: 20px 20px 20px 0; }
.mainsubmit2 { padding: 6px; font-size: 2.4em; width: 100%; margin-bottom: 10px; margin-top: -10px; }
.btnbuttons { text-align: center; }
.button { display: inline-block; white-space: nowrap; text-decoration: none; text-align: center; cursor: pointer; border: 1px solid #a5ba39; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: white !important; vertical-align: top; letter-spacing: 0.3px; background-color: #a5ba39; text-shadow: none; text-transform: capitalize; vertical-align: middle; }
.button2 { display: inline-block; white-space: nowrap; text-decoration: none; text-align: center; cursor: pointer; border: 1px solid #ee6f1b; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: white !important; vertical-align: top; letter-spacing: 0.3px; -webkit-transition: opacity .2s; background-color: #ee6f1b; text-shadow: none; text-transform: capitalize; padding: 5px; }
.buttonpg { display: inline-block; white-space: nowrap; text-decoration: none; text-align: center; cursor: pointer; border: 1px solid #f6f2f1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #3e3e3e !important; vertical-align: top; letter-spacing: 0.3px; background-color: #f6f2f1; text-shadow: none; text-transform: capitalize; vertical-align: middle; font-size: 1.4em; }
.buttonpg2 { display: inline-block; white-space: nowrap; text-decoration: none; text-align: center; cursor: pointer; border: 1px solid #F26921; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #3e3e3e !important; vertical-align: top; letter-spacing: 0.3px; -webkit-transition: opacity .2s; background-color: rgba(255, 183, 145, 1); text-shadow: none; text-transform: capitalize; padding: 0px 5px; font-size: 1.4em; }
.button2white { background-color: white; border: white; }

.btn5 { background-color: #a5ba39; border: 1px solid #a5ba39; }
.btn4 { background-color: #00529b; border: 1px solid #00529b; }
.btn3 { background-color: #ee6f1b; }
.btn2 { background-color: #a5ba39; }
.btn1 { background-color: #f7b21e; }

.textinputoverride { margin-top: 6px; float: left; margin-bottom: 3px; }


.loginarea a { font-size: 1.1em; color: #6E71B1; }
.loginarea .pword { position: relative; }
.loginextraholder { margin: 0 auto; width: 300px; padding-top: 10px; }
.loginarea .rememberme { font-size: 1.2em; float: left; color: #3e3e3e; }
.forgotten { float: right; }
    .forgotten a { color: #3e3e3e; }
.loginarea .rememberme input { vertical-align: middle; }


.main { width: 100%; margin: 0 auto; }
.maincontent { max-width: 1024px; margin: 20px auto; padding: 0 20px; }

.hide { display: none; }
.show { display: block; }
.red { color: red; }

.textbox { padding: 5px; background-color: #FBFBFB; border: 2px solid #dad9d9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 98%; font-size: 1.5em; display: block; margin-bottom: 10px; }
.textbox2 { font-family: 'Lato', sans-serif; padding: 5px; background-color: #FBFBFB; border: 2px solid #dad9d9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 98%; font-size: 1.5em; display: block; margin-bottom: 10px; }
.textbox3 { padding: 5px; border: 2px solid #dad9d9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 1.5em; display: block; margin-bottom: 10px; }
.radiobox { padding: 5px; border: 2px solid #dad9d9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; margin-bottom: 10px; }
.uploaderbox { display: block;padding: 5px; border: 2px solid #dad9d9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 1.5em; margin-bottom: 10px; }

.textbox4 { padding: 5px; background-color: #FBFBFB; border: 2px solid #dad9d9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 90%; font-size: 1.5em; display: block; margin-bottom: 10px; }
.textboxOther { font-family: 'Lato', sans-serif; padding: 5px; background-color: #FBFBFB; border: 2px solid #dad9d9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 60%; font-size: 1.5em; display: inline-block; margin-bottom: 10px; margin-left:21px }
.labelOther p{ width: 10%; display: inline-block; margin-left:29px }
.loginoveride2 { min-width: 40%; font-size: 1.6em; padding: 5px; width: auto; }
.loginoveride3 { min-width: 40%; font-size: 1.6em; padding: 5px; margin-right: 20px; width: auto; }
.loginoveride { min-width: 40%; padding: 5px; font-size: 1.6em; width: auto; }
.loginoveride4 { min-width: 10%; font-size: 1.6em; padding: 5px; width: auto; }

.homelangbtn { min-width: 10%; font-size: 1.6em; padding: 5px; width: auto; background-color: #00529b; border: 1px solid #00529b; margin: 0 10px 4px 0px; display: inline-block; white-space: nowrap; text-decoration: none; text-align: center; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: white !important; vertical-align: top; letter-spacing: 0.3px; text-shadow: none; text-transform: capitalize; vertical-align: middle; }

.help-block { display: inline-block; font-size: 1.4em; color: red; }
input.error { background: url(/images/icon-fail.png) no-repeat right center #ffebef; color: #480000; }

.newcaseblock { width: 44%; display: inline-block; padding: 20px; background-image: url(/images/bg.gif); background-repeat: repeat; vertical-align: top; min-height: 288px; margin-right: 20px; margin-top: 20px; }
.oldcase { width: 45%; display: inline-block; padding: 20px; background-image: url(/images/bg.gif); background-repeat: repeat; margin-top: 20px;}
.oldcaseB { width: 45%; display: inline-block; padding: 20px; background-image: url(/images/bg.gif); background-repeat: repeat; margin-top: 20px; margin-left:25%}
    .newcaseblock h2, .oldcase h2 { line-height: 2em; }

.middle2a { float: left; width: 100%; background-color: #F5F5F5; padding: 10px; margin: 10px 0; }
    .middle2a .title { font-size: 1.4em; padding: 10px 0 17px 10px; display: inline-block; width: 127px; text-align: left; margin-right: 10px; color: #193a8f; }
    .middle2a .title2 { font-size: 1.4em; padding: 10px 0 17px 10px; display: inline-block; width: 127px; text-align: left; margin-right: 10px; }
    .middle2a .title span { font-size: 0.9em; display: block; }
    .middle2a .title img { margin-left: 32px; }
    .middle2a .field { width: 80%; padding: 10px 0 3px 10px; display: inline-block; vertical-align: top; color: #193a8f; }
        .middle2a .field p { padding-bottom: 10px;font-size: 1em; }
    .middle2a .editer { float: left; width: 50px; text-align: right; }
.feedback { font-size: 1.4em; }
.True { display: block; height: 7px; background-color: #A5BA39; margin-bottom: 15px; }
.True_Block { display: block; background-color: #FAFEE2; width: 100%; }
.False { display: block; height: 7px; background-color: #ee6f1b; margin-bottom: 15px; }
.False_Block { display: block; background-color: #FDECE1; width: 100%; }
.previewcompany { font-size: 1.4em; }

.langauges { margin: 0 0 20px 0; }
.droplang { display: none; }
.fulllang { display: block; }

td .help-block { text-align: right; font-size: 1em; margin-left: 10px; }

@media only screen and (max-width:767px) {
    .logobig { margin: 0 auto; width: 100%; background-color: #efefef; padding: 20px 0 5px 0; float: none; text-align: center; }
    .loginbg { background-image: none; margin: 0 auto; width: 100%; float: left; padding: 10px 0 0px 0; }
    .login { background-color: #efefef; }
    .loginarea { margin: 0 auto; width: 100%; }
        .loginarea input[type="text"], .loginarea input[type="password"] { -webkit-appearance: none; padding: 11px 5px 11px 8px; background-color: #FBFBFB; border: 2px solid #dad9d9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 100%; font-size: 1.5em; position: relative; z-index: 2; top: 0px; left: 0px; }
    .loginextraholder { margin: 0 auto; width: 100%; padding-top: 10px; }
    .button { display: inline-block; width: auto; white-space: nowrap; text-decoration: none; text-align: center; cursor: pointer; border: 1px solid #a5ba39; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: white !important; vertical-align: top; letter-spacing: 0.3px; background-color: #a5ba39; text-shadow: none; text-transform: capitalize; vertical-align: middle; }
    .loginoveride { width: 100%; height: 40px; }
    .loginarea input[type="submit"] { -webkit-appearance: none; color: white !important; text-shadow: none; background-color: #a5ba39; background-position: left bottom; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: auto !important; padding: 15px 60px !important; line-height: 16px; font-weight: normal; text-transform: capitalize; margin: 25px 0 15px 0; display: inline-block; font-size: 1.6em; border: 1px solid #a5ba39; }
    .loginarea h2 { font-size: 2.5em; color: #00529b; margin-bottom: 3px; line-height: 1em; }
    .loginarea .greyblock { padding: 5px 30px; }
    h1 { font-size: 2.5em; line-height: 1em; text-align: center; display: block; }
    #Panel2 { padding: 0 10px; }
    .maincontent { width: 100%; margin: 20px auto; padding: 0; }
    .middle2a { float: left; width: 93%; background-color: #F5F5F5; padding: 10px; margin: 10px 0; }
        .middle2a .title { font-size: 1.4em; padding: 10px 0 17px 0px; display: inline-block; width: 100%; text-align: center; margin-right: 10px; }
        .middle2a .title2 { font-size: 1.4em; padding: 10px 0 17px 0px; display: inline-block; width: 100%; text-align: center; margin-right: 10px; }
        .middle2a .title img { margin-left: 0px; }
        .middle2a .field { width: 100%; padding: 10px 0 14px 0px; display: inline-block; vertical-align: top; text-align: center; }
            .middle2a .field .button { width: 100%; }
            .middle2a .field .button2 { width: 100%; margin: 0; }
    .newcaseblock h2, .oldcase h2 { line-height: 1.2em; }
    .newcaseblock { width: 86%; display: inline-block; padding: 20px; vertical-align: top; min-height: 0; margin-right: 20px; margin-top: 20px; text-align: center; }
    .oldcase { width: 86%; display: inline-block; padding: 20px; margin-top: 20px; text-align: center;}
    .oldcaseB { width: 86%; display: inline-block; padding: 20px; margin-top: 20px; text-align: center; margin-left:0}
    .textbox, .textbox2, .textbox3 { width: 93%; }
    .textbox3 { text-align: left; }
    .loginoveride2 { min-width: 95%; }
    #Panel1 { text-align: center; padding: 0 10px; }
    .loginoveride3 { min-width: 95%; font-size: 1.6em; padding: 5px; margin-right: 20px; width: auto; margin-bottom: 10px; }
    .homelangbtn { min-width: 10%; font-size: 1.6em; padding: 5px; width: auto; background-color: #00529b; border: 1px solid #00529b; margin-right: 10px; display: inline-block; white-space: nowrap; text-decoration: none; text-align: center; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: white !important; vertical-align: top; letter-spacing: 0.3px; text-shadow: none; text-transform: capitalize; vertical-align: middle; }
    .droplang { display: block; width: 100%; text-align: center; }
        .droplang input { }
    .fulllang { display: none; }
    .labelOther p {  width: 100%;  display: block;  margin-left: 0px;}
    .textboxOther { font-family: 'Lato', sans-serif; padding: 5px; background-color: #FBFBFB; border: 2px solid #dad9d9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 93%; font-size: 1.5em; display: inline-block; margin-bottom: 10px; }

}