* {
   
    
}

body 
{
    margin-top: 105px;    
    color: #000000;
    background: #ffffff;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    width: 100%;
    
   
}

img{
    /* Remove the borders around all images */
    border:0px;
}

#vortal-page
{
    position: relative;
    float:left;
    margin-top:105px;    
    background-color: #ffffff;
}

div.vortal-hblock
{ 
    float: left;
    position: relative;
    width: 100%;
    background-color: #ffffff;
}  

@media all and (max-width: 519px) {
    div.vortal-hcontainer
    {  
        position:relative;
        width: 100%;
        margin: auto;
    }  
}

@media all and (min-width: 520px) {
    div.vortal-hcontainer
    {  
        position:relative;
        width: 1200px;
        margin: auto;
    }  
}

div.vortal-vcontainer
{  
    position: relative;
    float: left;
}  

div.vortal-vspacer
{  
    position: relative;
    float: left;
    width: 4px;
} 

div.control-panel {
    background-color: #EDEEEE;    
}

/* ================ Vortal Buttons =============== */
/* button 
---------------------------------------------- */
.buttonshadow {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.buttonshadow:hover {
    text-decoration: none;
}
.buttonshadow:active {
    position: relative;
    top: 1px;
}

/* VButton > button */
button.vbutton {
    display: inline-block;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 12px/100% Arial, Helvetica, sans-serif;
    padding: 1em 3em 1em;
    -webkit-border-radius: .3em; 
    -moz-border-radius: .3em;
    border-radius: .3em;
}

button.vbutton:hover {
    text-decoration: none;
}
button.vbutton:active {
    position: relative;
    top: 1px;
}

/* VButton > a*/
a.vbutton {

    display: inline-block;
    margin: 0 2px;
    text-align: center;
    text-decoration: none;
    font: 12px/100% Arial, Helvetica, sans-serif;
    padding: 13px 0px 13px 0px;
    -webkit-border-radius: .3em; 
    -moz-border-radius: .3em;
    border-radius: .3em;
}

a.vbutton:hover {
    text-decoration: none;
}
a.vbutton:active {
    position: relative;
    top: 1px;
}

a.vbutton-spacer {
    margin-top: 8px;
}    

/* white */
.white-strong {
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white-strong:hover {
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white-strong:active {
    color: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top,  #ededed,  #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* pearly white */
.pearly-white {
    color: #606060;
    border: solid 1px #d5d5d5;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed));
    background: -moz-linear-gradient(top,  #ffffff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.pearly-white:hover {
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.pearly-white:active {
    color: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top,  #ededed,  #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* VTables */
.vtable {

    font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size:12px;
    text-align:left;
    border-collapse:collapse;
    border-color: #dfdfdf;
}

.vtable th{

    font-size:13px;
    font-weight:normal;
    background:#F3F3F3;
    border-bottom:1px solid #D1D2DA;
    border-left:1px solid #D1D2DA;
    color:#039;
    padding:8px;
}

.vtable th:first-child {
    border-left:0px;
}

.vtable td{

    background:#fff;
    /* border-bottom:1px solid #D1D2DA; */
    border-left:1px solid #D1D2DA;
    color:#0c0c0c;
    padding:8px;
    border-collapse:collapse;    
}

.vtable td:first-child {
    border-left:0px;
}

.vtable tr {
    border-top:1px solid #D1D2DA;
}

.vtable tr:hover td{
    background:#efefef;
    color:#0c0c0c;
}

/* Check Mark List */
ul.checkmark li {
    background:url("/en/media/images/wwwshared/icons/checkmarkicon.jpg") no-repeat 0 50%;
    padding-left: 28px;
    margin: 1em 0;    
    vertical-align: text-top;
}

ul.checkmark {
    list-style-type: none;
    margin: 1em 0;
    padding: 0 0 0 10px;    
}

/* vForm */
form.cmxform legend {
    padding-left: 0;
}
form.cmxform legend, form.cmxform label {
    color: #333333;
}
form.cmxform fieldset {
    border: 0;
}
form.cmxform fieldset fieldset {
}
form.cmxform fieldset p, form.cmxform fieldset fieldset {
    padding-left: 0px;
}
form.cmxform label.error, label.error {
    color: #FF0000;
    font-style: italic;
    display: block;
}
form.cmxform input, textarea, select {
    border: 1px solid #cdcdcd;
}
form.cmxform input.checkbox {
    border: medium none;
}

form.cmxform input:focus {
    border: 1px solid #cdcdcd;
}

form.cmxform input.error, select.error, textarea.error {
    border: 1px solid red;
}