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

body   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 580px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    Position: relative;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 150px;
    overflow:auto;
    
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
   background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}
.useraccount
{
      background: url('/Images/icons/user-accounts.png') no-repeat;
    

    width: 16px;

    height: 16px;

    cursor: Pointer;
    
   display: block;

}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.span {

    color: #666666;

    font-size: 13px;

    font-weight: 700;
display:block;
    text-shadow: 0 1px 0 #FFFFFF;

}

/*GridView start*/

.grid 

{

    border-left: 1px solid #668CC4 !imPortant;

    border-right: 1px solid #668CC4 !imPortant;

    border-collapse: separate !imPortant;

    border-bottom: 1px solid #668CC4 !imPortant;

       }

 .gridFooter

 {

    background-color: #f0f0f0;

    color: #2F2F2F;

 }      

.gridHeader {

    border: 1px solid #062B63 !imPortant;

   

    height: 24px;

    line-height: 24px;

    background: #6389C1;

    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6389C1), color-stop(0.5, #305897), color-stop(0.5, #234884), to(#7095CA));

    background-image: -moz-gradient(linear, 0% 0%, 0% 100%, from(#6389C1), color-stop(0.5, #305897), color-stop(0.5, #234884), to(#7095CA));

}     

.gridHeader th 

{

    text-align:left !imPortant;

    font-size: 12px;

    height: 24px;

    line-height: 24px;

    color:#E8F4FD;

    font-weight:bold;

    text-align:center;

    vertical-align: middle;

   

}

.gridHeader th a

{

   
    text-align:left !imPortant;

    font-size: 12px;

    color:#E8F4FD;

    font-weight:bold;

    vertical-align: middle;

    text-decoration: none;

}

 

.grid .gridRow,.grid .gridAlternate {

 

    color: #2F2F2F;

}

.grid .gridRow td

{

    padding:3px;

    vertical-align:middle !imPortant;

    background-color: #F1F7FF;

    border-bottom: 1px solid #C3CEDC;

}

.grid .gridAlternate td 

{

    padding:3px;

    vertical-align:middle !imPortant;

    background-color: #FFFFFF;

    border-bottom: 1px solid #C3CEDC;

}

 

/*.gridSelected TD

{

                 background:#C6E2FF none repeat scroll 0 0;

}*/

.gridEditButton

{

    background: url('/Images/icons/user_edit.png') no-repeat;

    text-indent: -9999;

    width: 16px;

    height: 16px;

    float: left;

    cursor: Pointer;

    margin-right: 7px;

}

.gridprinter

{

    background: url('/Images/icons/printer.png') no-repeat;
    

    width: 32px;

    height: 32px;

    cursor: Pointer;
    
   display: block;

}
 
.gridSelectButton

{

    background: url('/Images/icons/tick.png') no-repeat;
    

    width: 16px;

    height: 16px;

    cursor: Pointer;
    
   display: block;

}


 

.gridDeleteButton

{

    background: url('/Images/icons/trash.png') no-repeat;

    width: 16px;

    height: 16px;

    cursor: Pointer;

    display: block;

}


.gridUploadButton

{

    background: url('/Images/icons/load.png') no-repeat;

    width: 16px;

    height: 16px;

    cursor: Pointer;

    display: block;

}
 

/* Gridview end*/

/*Button start*/

.button

{

    display: inline-block;

    zoom: 1;

    display: inline;

    vertical-align: baseline;

    margin: 5px 0;

    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);

}

.button:hover

{

    text-decoration: none;

}

.button:active

{
    Position: relative;

    top: 1px;
}

.bigrounded

{

    -webkit-border-radius: 2em;

    -moz-border-radius: 2em;

    border-radius: 2em;

}

.medium

{

    font-weight: bold;

    font-size: 11px;

    padding: .4em 1.5em .42em;

}

.small

{

    font-size: 10px;

    padding: .2em 1em .275em;

}

 

/* color styles 

---------------------------------------------- */

 

/* black */

.black

{

    color: #d7d7d7;

    border: solid 1px #333;

    background: #333;

    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));

    background: -moz-linear-gradient(top,  #666,  #000);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');

}

.black:hover

{

    background: #000;

    background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));

    background: -moz-linear-gradient(top,  #444,  #000);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');

}

.black:active

{

    color: #666;

    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));

    background: -moz-linear-gradient(top,  #000,  #444);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');

}

 

/* gray */

.gray

{

    color: #e9e9e9;

    border: solid 1px #555;

    background: #6e6e6e;

    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));

    background: -moz-linear-gradient(top,  #888,  #575757);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');

}

.gray:hover

{

    background: #616161;

    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));

    background: -moz-linear-gradient(top,  #757575,  #4b4b4b);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');

}

.gray:active

{

    color: #afafaf;

    background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));

    background: -moz-linear-gradient(top,  #575757,  #888);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');

}

 

/* white */

.white

{

    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: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: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');

}

 

/* orange */

.orange

{

    color: #fef4e9;

    border: solid 1px #da7c0c;

    background: #f78d1d;

    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));

    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');

}

.orange:hover

{

    background: #f47c20;

    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));

    background: -moz-linear-gradient(top,  #f88e11,  #f06015);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');

}

.orange:active

{

    color: #fcd3a5;

    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));

    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');

}

 

/* red */

.red

{

    color: #faddde;

    border: solid 1px #980c10;

    background: #d81b21;

    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));

    background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');

}

.red:hover

{

    background: #b61318;

    background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));

    background: -moz-linear-gradient(top,  #c9151b,  #a11115);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');

}

.red:active

{

    color: #de898c;

    background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));

    background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');

}

 

/* blue */

.blue

{

    color: #d9eef7;

    border: solid 1px #002658;

    background: #002658;

    background: -webkit-gradient(linear, left top, left bottom, from(#339BEA), to(#2686CF));

    background: -moz-linear-gradient(top,  #339BEA,  #2686CF);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#339BEA', endColorstr='#2686CF');

}

.blue:hover

{

    color: #d9eef7;

    border: solid 1px #17365F;

    background: #17365F;

    background: -webkit-gradient(linear, left top, left bottom, from(#23528F), to(#17365F));

    background: -moz-linear-gradient(top,  #23528F,  #17365F);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23528F', endColorstr='#17365F');

}

.blue:active

{

    color: #d9eef7;

    border: solid 1px #0053BF;

    background: #0053BF;

    background: -webkit-gradient(linear, left top, left bottom, from(#2F6EBF), to(#0053BF));

    background: -moz-linear-gradient(top,  #2F6EBF,  #0053BF);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F6EBF', endColorstr='#0053BF');

}

 

 

.blue2

{

    color: #d9eef7;

    border: solid 1px #0076a3;

    background: #0095cd;

    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));

    background: -moz-linear-gradient(top,  #00adee,  #0078a5);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');

}

.blue2:hover

{

    background: #007ead;

    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));

    background: -moz-linear-gradient(top,  #0095cc,  #00678e);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');

}

.blue2:active

{

    color: #80bed6;

    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));

    background: -moz-linear-gradient(top,  #0078a5,  #00adee);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');

}

/* rosy */

.rosy

{

    color: #fae7e9;

    border: solid 1px #b73948;

    background: #da5867;

    background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));

    background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');

}

.rosy:hover

{

    background: #ba4b58;

    background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));

    background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');

}

.rosy:active

{

    color: #dca4ab;

    background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));

    background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');

}

 

/* green */

.green

{

    color: #e8f0de;

    border: solid 1px #538312;

    background: #64991e;

    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));

    background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');

}

.green:hover

{

    background: #538018;

    background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));

    background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');

}

.green:active

{

    color: #a9c08c;

    background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));

    background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');

}

 

/* pink */

.pink

{

    color: #feeef5;

    border: solid 1px #d2729e;

    background: #f895c2;

    background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));

    background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');

}

.pink:hover

{

    background: #d57ea5;

    background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));

    background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');

}

.pink:active

{

    color: #f3c3d9;

    background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));

    background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');

}
/*Button end*/

/*Panel start*/

.box {

         margin-top: 15px;

}
 

.box .header {

         background: rgb(120,177,237); /* Old browsers */

         background: -moz-linear-gradient(top,  rgba(120,177,237,1) 0%, rgba(65,123,181,1) 100%); /* FF3.6+ */

         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(120,177,237,1)), color-stop(100%,rgba(65,123,181,1))); /* Chrome,Safari4+ */

         background: -webkit-linear-gradient(top,  rgba(120,177,237,1) 0%,rgba(65,123,181,1) 100%); /* Chrome10+,Safari5.1+ */

         background: -o-linear-gradient(top,  rgba(120,177,237,1) 0%,rgba(65,123,181,1) 100%); /* Opera 11.10+ */

         background: -ms-linear-gradient(top,  rgba(120,177,237,1) 0%,rgba(65,123,181,1) 100%); /* IE10+ */

         background: linear-gradient(top,  rgba(120,177,237,1) 0%,rgba(65,123,181,1) 100%); /* W3C */

         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78b1ed', endColorstr='#417bb5',GradientType=0 ); /* IE6-9 */

         height: 34px;

         line-height: 34px;

         border: 1px solid #2B5177;

         border-radius: 3px 3px 0 0;

         border-bottom: none;

         box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);

}

.box .header.grey h3 {

         color: #383838;

         text-shadow: none;

}

 

.box.closed .header {

         border-bottom: 1px solid #2B5177;

         border-radius: 3px;

}

 

.box .header h3 {

         float: left;

         display: inline-block;

         margin: 0;

         padding: 0;

         margin-left: 8px;

         padding-left: 10px;

         background: url(/Images/icons/divider-header.png) top left no-repeat !imPortant;

}

 

.box .header.no-icon h3 {

         background: none !imPortant;

         margin-left: 0;

}

 

.box .header img {

         display: inline-block;

         margin: 9px auto;

         margin-left: 8px;

         float: left;

         -moz-user-select: none;

}

 

.box .header span {

         background: url(/Images/icons/toggle.png) no-repeat;

    cursor: Pointer;

    display: block;

    float: right;

    height: 16px;

    margin-right: 10px;

    margin-top: 10px;

    width: 16px;

}

 

.box.closed .header span {

    background: url(/Images/icons/toggle-expand.png) no-repeat;

}
 

.box .content {

         padding: 0 10px;

         border: 1px solid #C8C8C8;

         border-radius: 0 0 3px 3px;

         border-top: 1px solid #2B5177;

         background: #fff;

}

 

.box.closed .content {

         display: none;

}

 

.box .content.grey {

         border-top-color: #C8C8C8;

}

 

.box .content:after {

    content: ".";

  

    height: 0;

    clear: both;

    visibility: hidden;

}

 

.box .content.with-actions {

         border-radius: 0;

         border-bottom: 0;

}

 

.box .content.no-header {

         border-radius: 3px;

         border: 1px solid #C8C8C8;

}

 

.box .content.no-padding {

         padding: 0;

}

 

.border-radius-bottom {

         border-radius: 0 0 3px 3px;

}

.box .actions {

         border: 1px solid #c8c8c8;

         background: url(/Images/icons/bg-action.png) repeat-x #f7f7f7;

         border-radius: 0 0 3px 3px;

}

 

.box .actions:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

 

.box .actions input {

         margin: 0;

}

 

.box .actions-left {

         float: left;

         margin: 5px;

         margin-left: 10px;

}

 

.box .actions-right {

         float: right;

         margin: 5px;

         margin-right: 10px;

}


.box .header ul {

         font-size: 12px;

         height: 23px;

         padding: 0;

         margin: 7px 0;

         margin-right: 6px;

    margin-top: 6px;

         float: right;

}

 

.ie .header ul {

         overflow: hidden;

         border-radius: 5px;

}

 

.box .header ul li {

         display: inline;

         list-style: none;

}

 

.box .header ul li a {

         padding: 0 10px;

         margin: 0;

         border-bottom: 1px solid #C0C0C0;

         border-top: 1px solid #C0C0C0;

         /* Gradient */

         background: #fefefe; /* Old browsers */

         background: -moz-linear-gradient(top,  #fefefe 0%, #f7f7f7 80%, #ededed 96%, #e5e5e5 100%); /* FF3.6+ */

         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(80%,#f7f7f7), color-stop(96%,#ededed), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */

         background: -webkit-linear-gradient(top,  #fefefe 0%,#f7f7f7 80%,#ededed 96%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */

         background: -o-linear-gradient(top,  #fefefe 0%,#f7f7f7 80%,#ededed 96%,#e5e5e5 100%); /* Opera 11.10+ */

         background: -ms-linear-gradient(top,  #fefefe 0%,#f7f7f7 80%,#ededed 96%,#e5e5e5 100%); /* IE10+ */

         background: linear-gradient(top,  #fefefe 0%,#f7f7f7 80%,#ededed 96%,#e5e5e5 100%); /* W3C */

         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

 

.box .header ul li:first-child a {

         border-radius: 5px 0 0 5px;

         border-bottom: 1px solid #C0C0C0;

    border-top: 1px solid #C0C0C0;

    border-left: 1px solid #C0C0C0;

}

 

.box .header ul li:last-child a {

         border-radius: 0 5px 5px 0;

         border-bottom: 1px solid #C0C0C0;

    border-top: 1px solid #C0C0C0;

    border-right: 1px solid #C0C0C0;

}

 

.box .header ul li.current a {

         background: rgb(46,86,129); /* Old browsers */

         background: rgb(46,86,129); /* Old browsers */

         background: -moz-linear-gradient(top,  rgba(46,86,129,1) 0%, rgba(88,130,175,1) 100%); /* FF3.6+ */

         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(46,86,129,1)), color-stop(100%,rgba(88,130,175,1))); /* Chrome,Safari4+ */

         background: -webkit-linear-gradient(top,  rgba(46,86,129,1) 0%,rgba(88,130,175,1) 100%); /* Chrome10+,Safari5.1+ */

         background: -o-linear-gradient(top,  rgba(46,86,129,1) 0%,rgba(88,130,175,1) 100%); /* Opera 11.10+ */

         background: -ms-linear-gradient(top,  rgba(46,86,129,1) 0%,rgba(88,130,175,1) 100%); /* IE10+ */

         background: linear-gradient(top,  rgba(46,86,129,1) 0%,rgba(88,130,175,1) 100%); /* W3C */

         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e5681', endColorstr='#5882af',GradientType=0 ); /* IE6-9 */

          -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 

         /* The inset shadow */

         -webkit-box-shadow: inset 0px 0px 3px 0px #000;

         -moz-box-shadow: inset 0px 0px 3px 0px #000;

         box-shadow: inset 0px 0px 3px 0px #000;

}

 

.box .header ul li a {

         line-height: 21px;

         display: block;

         float: left;

}

 

.box .header h3 {

         font-size: 13px;

         color: #fff;

         text-shadow: 0 1px 0 #000;

         font-weight: 700;

}

 

.box .header ul li.current a {

         color: #FFFFFF;

}

 

 .panel {

         display: inline;

         float: left;

         Position: relative;

         margin-left: 0%;

         margin-right: 1%;

}

/*Panel end */


/*input controls*/

input, textarea {

         background: #fff;

         /*margin: 10px 0;*/

         border: 1px solid #c8c8c8;

         border-radius: 5px;

         padding: 5px 0;

         outline: none;

         /* Inset shadow */

         -webkit-box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13);

         -moz-box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13);

         box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13);

}

 

.input {

         margin: 10px 0;

}

 

input[type=text]:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus {

         border: 1px solid #a3a3a3;

}

 

input[type=text] {    margin-left: 0px;
}

 

input[type=select] {

    width: 300px;

}

 

::-webkit-input-placeholder {

   color: salmon;

    font-size: 10px;

}

 

:-moz-placeholder {

   color: salmon;

}

 

input:active, input:focus, textarea:active, textarea:focus  {

         -webkit-box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13), 0px 0px 5px 0px rgba(58, 111, 163, 0.75);

         -moz-box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13), 0px 0px 5px 0px rgba(58, 111, 163, 0.75);

         box-shadow: inset 0px 2px 3px 0px rgba(18, 16, 11, 0.13), 0px 0px 5px 0px rgba(58, 111, 163, 0.75);

}

 

label, .label, .chzn-container {

 

    margin-bottom: 5px;

    font-weight: bold;

}

 

.chzn-container {

         margin-top: 5px;

}

 

input.error, textarea.error {

         box-shadow: none;

         border-radius: 5px 5px 0 0;

         border: 1px solid #870d0d;

         margin-bottom: 0;

}

/*input controls end*/