@charset "utf-8";

html, body {
    margin:0px;
    text-align:center;
    background-color:#FFF;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    line-height:1.6em;
    color: #000;
}

img{
    border:none;
}

a:link, a:visited {
    color:#000;
    text-decoration:none;
}

a:hover {
    color:#900;
    text-decoration:underline;
}

h1 {
    line-height:1em;
}

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

td ul li{
    margin:0;
    list-style-type:disc;
}
div#course ul li{
    margin:0;
    list-style-type:disc;
}


ul.course-logistics li{
    margin:0;
    list-style-type:disc;
}

ul.course-logistics li ul li{
    list-style-type:none;
}

div#header {
    padding:3px 0px 0px 0px;
    margin-bottom:10px;
    line-height:55px;
    border-bottom:1px solid #999999;
}

div#searchlogo {
    float:right;

}

div#main {
    width:960px;
    margin:0px auto;
    text-align:left;
    line-height:18px;
}

div#main ul li{
    list-style-type:disc;
}

div#classblock {
    background-color:#d8d8d8;
    color:#000;
    padding:0px 0px 20px 0px;
    border-top:1px solid #999999;
}

div#classblock ul {
    list-style-type:none;
}

div#blockblock {
    background-color:#595959;
    color:#fff;
    font-weight:bold;
    padding:25px 0px;
}

div#blockblock a:hover{
    text-decoration:none;
}

div#infoblock {
    background-color:#383838;
    color:#FFF;
    padding:20px 0px;
}

div#infoblock ul {
    list-style-type:none;

}

div#footerblock {
    background-color:#000;
    color:#FFF;
    text-align:center;
    padding:15px;
}

div#footerblock a:link, #footerblock a:visited, #infoblock a:link, #infoblock a:visited, #blockblock a:link, #blockblock a:visited {
    color:#fff;
    text-decoration:none;
}

div#footerblock a:hover, #infoblock a:hover, #blockblock a:hover {
    color:#F33;
    text-decoration:underline;
}

div#phone {
    font-weight:bold;
    text-align:center;
    font-size:20px;
    padding:14px 0px;
    margin: 10px 0px;
    width:800px;
    border-top:1px solid #999999;
    border-bottom:1px solid #999999;
}

div#locations {
    padding:10px 0px;
}

div#headerBlock {
    background-color:#595959;
    color:#fff;
    font-weight:bold;
    padding:25px 0px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

div#headerBlock ul li{
    margin:8px 0px;
}

div#headerBlock a{
    color:#fff;
}

div#headerBlock a:hover{
    color:#900;
    text-decoration:none;
    text-shadow:0 0 2px #FFF;
}

.locationname {
    font-weight:bold;
    font-size:16px;
}

.space3 {
    font-weight:bold;
    padding:0px 50px;
}

.big {
    font-size:140%;
    letter-spacing:.3em;
}

.center {
    text-align:center;
}

.floatbutton {
    float:left;
    padding:0px 4px 3px 0px;
}

/*====================================================================Courses===*/
h3.class {
    margin:0px;
    padding:0px;
}

div.sidebar{
    float:right;
    width:200px;
    padding:0px 10px 10px 20px;
    margin:0px 0px 10px 10px;
    background:url(/img/web/microtrain.2010/course/courselogistics_grad.png);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}



.blank-header{
    background:url(/img/web/microtrain.2010/course/emptyheaderbar.png) left center no-repeat;
    color:#000;
    padding:10px 0 10px 10px;
}

.accordian-header{
    background:url(/img/web/microtrain.2010/course/closedbar.png) left center no-repeat;
    color:#000;
    cursor:pointer;
    padding:10px 0 10px 40px;
}

.accordian-header:hover {
    color:#900;
}

div.sidebar ul{
    padding-left:10px;
}

div#course div.sidebar ul li{
    list-style-type:none;
}

div.sidebar ul li ul{
    margin-left:16px;
    padding-left:0;
    list-style-type: none;
}

div.course h1{
    margin:0;
    padding:0;
}

div.infobar{
    margin:0 0 20px 0;
}

/*==============================================================Left Side Bar===*/
div#leftcolumn {
    width:360px;
    background-image:url(/img/web/microtrain.2010/landingpage/insidecube.png);
    background-repeat:no-repeat;
    background-position:280px 0px;
    padding:10px 40px 0px 0px;
}

div#leftcolumn div h4{
    padding:0 0 10px;
    margin:0;
}

div#leftcolumn div ul{
    padding:0 0 0 10px;
    margin:0 0 10px;
}

div#leftcolumn div ul li{
    padding:0;
    margin:0;
}


div.testimonialinside{
    width:280px;
    padding:0 0 10px;
}

div.testimonialinside h2{
    padding:0;
    margin:0;
}

div.testimonialvideo{
    text-align:center;
    margin-bottom:40px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

div#portaladinside{
    text-align:center;
    padding:10px;
    margin:15px 0 0;
    background:url(/img/web/microtrain.2010/gradients/adgradient360.png) center center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

div#aboutinside{
    padding:10px;
    margin:15px 0px;
    background:#ebeca7 url(/img/web/microtrain.2010/gradients/aboutgradient360.png);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

div.rotatinglogos{
    text-align:center;
    margin:20px 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

/*===Forms======================================================================*/

label{
    display:block;
    padding:0;
    margin:0 0 -15px;
}
input, textarea, select{
    margin:0;
    padding:4px;
}

input, textarea{
    border:1px solid #222;
    font-size:13px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
}

select{
    border:1px solid #222;
    font-size:13px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
}

select,input[type="text"],input[type="password"],textarea{
        width:100%;
}
input[type="submit"]{
    padding: 5px 10px 6px;
    background:#222;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
}

input[type="submit"]:hover{
    background:#BEBEBE;
}

input[type="submit"]:active{
    text-display:none;
    color:#FFF;
    background:#222;
}

input[type="image"]{
    border:none;
    padding:0 0 0 18px;
    margin:0;
}

.input-left{
    float:left;
    width:249px;
    margin:0 30px 15px 0;
    padding:0;
}

.input-right{
    float:right;
    width:249px;
    margin:0;
    padding:0;
}

.input-left input{
    width:239px;
}

div.input-right input{
    width:239px;
}

div.phone-fields input{
    width:43px;
    margin:0 2px 0 0;
}

div.required{
    color:#FF0000;
    background:#FFEEEE;
    padding:4px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;    
}

div.optional{
    color:#000000;
    background:#EEEEEE;
    padding:4px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
}

#WebmailBody{
    width:542px;
}

/* ============= Assessments Test form fix ==================== */
#assessment-question-form label,
#assessment-question-form1 label {
    display: inline-block;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
/*=== Buttons ==================================================================*/

a.buttons:link, a.buttons:visited{
    padding: 5px 10px 6px;
    background:#222;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
}

a.buttons:hover{
    background:#BEBEBE;
}

a.blue-button:link, a.blue-button:visited{
    background:#0379b6;
}

a.blue-button:hover{
    background:#bebebe;
}

a.green-button:link, a.green-button:visited{
    background:#0379b6;
}

a.green-button:hover{
    background:#bebebe;
}

a.red-button:link, a.red-button:visited{
    background:#c5050c;
}

a.red-button:hover{
    background:#bebebe;
}

a.orange-button:link, a.orange-button:visited{
    background:#f47b20;
}

a.orange-button:hover{
    background:#bebebe;
}

a.yellow-button:link, a.yellow-button:visited{
    background:#ffbf10;
}

a.yellow-button:hover{
    background:#bebebe;
}
/*====================================================================Buttons===*/

/*=== Blog Elements =========================================================== */
div.entry{
    border-bottom:1px #666 solid;
}

p.comment {
    color:#666;
    margin-top:0px;
}

.commentnumber {
    background:#FFFFFF url(/img/web/microtrain.2010/blog/speechbubble30.jpg);
    background-repeat:no-repeat;
    font-size:12px;
    color:#FFF;
    text-align:center;
    width:30px;
    font-weight:bold;
    padding-bottom:15px;
    padding-top:5px;
    margin-right:4px;
    line-height:10px;
    float:left;
}

.commentnumber a {
    color:#FFF;
    text-decoration:none;
}

.commentnumber a:hover {
    color:#000;
}

.authorbox {
    padding-top:5px;
}
/*=========================================================== Blog Elements === */

/*=== WYSIWYG Class Elements ===================================================*/

.btn {
      float: left;
      clear: both;
      background: url(/img/web/microtrain.2010/btn_left.png) no-repeat;
      padding: 0 0 0 10px;
      margin: 5px 0;
}
.btn a{
      float: left;
      height: 40px;
      background: url(/img/web/microtrain.2010/btn_stretch.png) repeat-x left top;
      line-height: 40px;
      padding: 0 10px;
      color: #fff;
      font-size: 1em;
      text-decoration: none;
}
.btn span {
      background: url(/img/web/microtrain.2010/btn_right.png) no-repeat;
      float: left;
      width: 10px;
      height: 40px;
}

.btn2 {
      float: left;
      clear: both;
      background: url(/img/web/microtrain.2010/btn_left.png) no-repeat;
      padding: 0 0 0 10px;
      margin: 5px 0;
}
.btn2 a{
      float: left;
      height: 28px;
      background: url(/img/web/microtrain.2010/btn_stretch.png) repeat-x left top;
      line-height: 28px;
      padding: 0 10px;
      color: #fff;
      font-size: 1em;
      text-decoration: none;
}
.btn2 span {
      background: url(/img/web/microtrain.2010/btn_right.png) no-repeat;
      float: left;
      width: 10px;
      height: 28px;
}

.header-blue {
    color:#182d6c;
    font-weight:900;
    letter-spacing: -1pt;
    word-spacing: 2pt;
}

.header-green {
    color:#2a562d;
    font-weight:900;
    letter-spacing: -1pt;
    word-spacing: 2pt;
    }

.header-gold {
    color:#c05708;
    font-weight:900;
    letter-spacing: -1pt;
    word-spacing: 2pt;
}

/*=======================================================Landing Pages Common===*/

#usp {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:64px;
    line-height:54px;
    background-image:url(/img/web/microtrain.2010/landingpage/bigcube.png);
    background-position:280px 40px;
    background-repeat:no-repeat;
}

#littleusp {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:28px;
    line-height:24px;
    text-align:center;
    font-style:italic;
    padding:10px 0px 20px 0px;
}

div#portalad {
    -moz-box-shadow: 0 0 10px #888;
    -webkit-box-shadow: 0 0 10px #888;
    text-align:center;
    padding:15px 20px 10px 20px;
    background:url(/img/web/microtrain.2010/gradients/adgradient360.png) center center;
    margin:0 0 20px 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
}

div#portalad h3{
    padding:0;
    margin:0;
    text-align:center;
    font-size:18px;
    color:rgb(109,1,1);
}

div#portalad p{
    padding:0;
    margin:0;
}

/**** ABOUT US ****/
div.about{
    -moz-box-shadow: 0 0 10px #888;
    -webkit-box-shadow: 0 0 10px #888;
    background:#E0E344 url(/img/web/microtrain.2010/gradients/greenbox_grad450.png);
    padding:15px 15px 17px 20px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
}

div.about h2{
     background:url(/img/web/microtrain.2010/landingpage/greenblock1.png) right no-repeat;
     padding:37px 0 0;
     margin:-25px 0 0;
     letter-spacing:4px;
}

div.about p{
    line-height:1.1;
    margin-top:5px;
    margin-bottom:7px;
}

div.about-links{
    text-align:center;
}

div.about-link-wrapper{
    float:left;
    width:50%;
    text-align:center;
    margin:10px 0 0;
    line-height:.9;
}

div.about-link-wrapper strong{
    display:block;
    font-size:14px;
}

/*=======================================================================Home===*/
div.twitter-feed{
    -moz-box-shadow: 0 0 10px #888;
    -webkit-box-shadow: 0 0 10px #888;
    float:left;
    width:200px;
    margin:-10px 49px 0 0;
    background:#B2D4ED url(/img/web/microtrain.2010/gradients/twitterbox_grad200.png);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
}

div.twitter-feed strong{
    font-size:130%;
    background:url(/img/web/microtrain.2010/cubes/twitterblock.png) top left no-repeat;
    padding:25px 10px 15px 110px;
    margin:0 0 0 10px;
}

div.twitter-feed strong span{
    line-height: 50px;
}

div.blog-feed{
    -moz-box-shadow: 0 0 10px #888;
    -webkit-box-shadow: 0 0 10px #888;
    float:right;
    width:200px;
    margin:-10px 0 0;
    background:#F9D35F url(/img/web/microtrain.2010/gradients/blogbox_grad200.png);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
}

div.blog-feed strong{
    font-size:130%;
    background:url(/img/web/microtrain.2010/landingpage/orangeblock1.png) top left no-repeat;
    padding:25px 10px 15px 50px;
    margin:0 0 0 10px;
}

div.blog-feed strong span{
    line-height: 50px;
}

ul.feed {
    list-style: disc url(/img/web/microtrain.2010/istock/icons/bullet_12.png) inside;
    margin:-10px 0 0;
    padding:0;
}

ul.feed li{
    padding:10px 10px 0 15px;
}

div.exam-pass{
    -moz-box-shadow: 0 0 10px #888;
    -webkit-box-shadow: 0 0 10px #888;
    margin:0;
    padding:10px 20px;
    background:#fbeab7;
    border:1px solid #AAA;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
}

div.exam-pass h3{

     padding:0;
     margin:0;
     text-align:center;
     color:rgb(109,1,1);
}

a.middleblock-middle-link{
    -moz-box-shadow: 0 0 10px #888;
    -webkit-box-shadow: 0 0 10px #888;
    margin:10px 0 20px 0;
    padding:10px 0;
    width:128px;
    background:#ebeca7;
    border:1px solid #AAA;
    font-weight:bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
}

div.finder{
    font:italic 18px Georgia, "Times New Roman", Times, serif;
    margin:3px 0 20px;
    color:#FF0000;
    text-align:center;
}

div.finder a:link, div.finder a:visited{
    color:#FF0000;
}

div#middleblock{
    color:#000;
    border-top:1px solid #999999;
    padding:15px 0 0;
}

div#middleblockLeft{
    float:left;
    width:290px;
}

div#middleblockCenter{
    float:left;
    width:300px;
    margin:0 40px
}

div#middleblockRight{
    float:left;
    width:290px;
}

div#middleblockRight h4{
    margin:0;
    padding:0;
}

div#middleblockRight p{
    margin-top:0;
    padding-top:0;
}


/*===START HEADER MENU==========================================================*/
#footer{
    font: 12px arial, helvetica, sans-serif;
    width:960px;
    margin:10px auto 0;
    /*background:#B2D4ED;*/
    background:#EFEFEF;
    float:left;
    position:absolute;
    top:50px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    opacity:0.9;
    filter:alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

#footerChicago{
    margin:0 0 10px 0;
}

#footerLombard{
    margin:0 0 10px 0;
}

#footerDeefield{
    margin:0 0 10px 0;
}

#footerNavigation{
    float:left;
    width:765px;
}

.footer-column{
    float:left;
    margin:0 10px 10px 0;
    padding:0 10px 0 10px;
    width:210px;
}

.footer-navigation-unit{
    margin:0 10px 10px 0;
}

/*=== AJAX Elements ============================================================*/
div.loader{
    width: 100%;
    height:100%;
    background: #eeeeee;
    border: 1px solid #BFBFBF;
}

div.loader div{
    width: 100%;
    height:100%;
    padding:22px 8px;
    background:transparent url('/img/actions/spinner_small.gif') no-repeat center center;
}

div.modal{
    display:none;
    position: absolute;
    float: left;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index:9999;
    background: #aaaaaa url(../jquery-ui-1.7.2.custom/css/custom-theme/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png) 50% 50% ;
    opacity: .30;
    filter:Alpha(Opacity=30);
}

div.ajax-dialog-block{
    cursor:move;
    background:#FFFFFF;
    border: 10px solid rgba(137, 137, 137, 0.3);
    z-index:10000;
    padding:10px;
    display:none;
    float:left;
    position:fixed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -khtml-border-radius:6px;
}

div.error-response{
    border:10px solid #F33;
    background:#FDD;
    color:#F33;
    padding:10px;
    margin:5px 0;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}

div.column{
    margin: 0 20px 0 0;
    float:left;
}
/*=== AJAX Elements ============================================================*/


/*===Main Layout================================================================*/
div.layout{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

   -moz-box-shadow:inset 0 0 6px #CCC;
   -webkit-box-shadow:inset 0 0 6px #CCC;

    border: 1px solid #DDD;
    background-color: #f9f9f9;

    margin: 10px;
    padding: 8px 8px;
}

div.layout-header{

    text-align: center;
    padding: 10px;
    margin: 0 0 8px;
    border: 1px solid #ddd;

    color: #555;

    font-weight:bold;
    font-size:180%;

 

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;

    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

    /*text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/
    border-bottom: 1px solid rgba(0,0,0,0.25);
}

div.layout-footer{

    text-align: center;
    padding: 10px;

    color: #555;
    text-shadow: 0px 1px 0 #BBB;

    font-weight:bold;
    font-size:180%;

}

.ajax-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    /*visibility: visible;*/
    visibility: hidden;
    float: right;
    margin: 3px 10px 3px 3px;
    background-image: url(/img/actions/spinner_small.gif);
}


/*===Panels and Views===========================================================*/
div.panel{

    border: 1px solid #ddd;
    margin: 10px 5px;
    padding:8px;

    color: #555;

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;

    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

    border-bottom: 1px solid rgba(0,0,0,0.25);

}

div.job-coach-help-panel {
    padding: 20px !important;
    font-size: 14px !important;
}


div.search-panel{
    -moz-box-shadow: 0 5px 5px #888;
    -webkit-box-shadow: 0 5px 5px #888;

    z-index:1000;
    float:left;
    position:absolute;
    left:250px;

    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;

    border: 1px solid #DDD;
    background-color: #f9f9f9;

    margin: 10px;
    padding: 8px 8px;
    display:none;
}


.panel-controls {
    display: block;
    margin:-7px -7px 8px;

    border-bottom: 1px solid #999;
    height: 18px;
    padding: 4px 5px 8px 5px;
    font-size:125%;
    color: #555;
    font-weight: bold;
/*
    background: -moz-linear-gradient(center top , #FFF, #CCC);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
*/
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
}

.pc-label {
    display: inline-block;
    margin-top: 2px;
}

.pc-button {
    border: 1px solid #999;
    color: #333;
    padding: 3px 6px;
    cursor: pointer;
    float: right;
    display: inline-block;
    height: 14px;
    margin: 0px 3px;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    background-color: #fff;
    background: -moz-linear-gradient(center top , #fff, #ddd);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
}

.pc-button:hover {
    color:#900;
    background-color: #ddd;
    text-shadow:0 1px 0 #eee;
    background: -moz-linear-gradient(center top , #ddd, #fff);
    background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
}

.subpanel{

}
.subpanel-display{
    border:1px solid #DDD;
    -moz-box-shadow: 0 0 1px #DDD;
    -webkit-box-shadow: 0 0 1px #DDD;
    padding:4px;
    margin:0 0 8px;
}
.subpanel-controls{
    color:#555;
    border:1px solid #DDD;
   -moz-box-shadow: 0 0 1px #DDD;
   -webkit-box-shadow: 0 0 1px #DDD;
    padding:3px;
    margin:0 0 3px 0;
    text-align:center;
    font-weight:bold;
    vertical-align: middle;
}

.sc-label{
    display: inline-block;
}

a.sc-button, a.sc-button:visited, a.sc-button:link{
    float: right;
    display: inline-block;
    cursor: pointer;
    float: right;
    display: inline-block;

    border:1px solid #DDD;
   -moz-box-shadow: 0 0 1px #DDD;
   -webkit-box-shadow: 0 0 1px #DDD;
    padding:0 3px;
    text-align:center;
    font-weight:bold;
}

a.sc-button a.sc-button:hover {
   -moz-box-shadow: inset 0 0 3px #DDD;
   -webkit-box-shadow: inset 0 0 3px #DDD;
}

table.widget-data{
    border:1px solid #DDD;
    -moz-box-shadow: 0 0 1px #DDD;
    -webkit-box-shadow: 0 0 1px #DDD;
    padding:4px;
    margin:0 0 8px;
}

table.widget-data caption{
    width:100%;
    color:#555;
    border:1px solid #DDD;
   -moz-box-shadow: 0 0 1px #DDD;
   -webkit-box-shadow: 0 0 1px #DDD;
    padding:3px;
    margin:0 0 3px 0;
    text-align:center;
    font-weight:bold;
    vertical-align: middle;
}

a.caption-button, a.caption-button:visited, a.caption-button:link{
    float: right;
    display: inline-block;
    cursor: pointer;
    float: right;
    display: inline-block;

    border:1px solid #DDD;
   -moz-box-shadow: 0 0 1px #DDD;
   -webkit-box-shadow: 0 0 1px #DDD;
    padding:0 3px;
    text-align:center;
    font-weight:bold;
}

table.widget-data a.caption-button:hover {
   -moz-box-shadow: inset 0 0 3px #DDD;
   -webkit-box-shadow: inset 0 0 3px #DDD;
}

/*=== Column sizing for percentage based layots ================================*/
.half-column{
    float:left;
    width:49%;
    /*background:red;*/
}

.one-third-column{
    float:left;
    width:32%;
    /*background:red;*/
}

.one-third-middle-column{
    float:left;
    width:31%;
    /*background:red;*/
}

.two-third-column{
    float:left;
    width:65%;
    /*background:red;*/
}

.sixty-column{
    float:left;
    width:59%;
    /*background:red;*/
}

.forty-column{
     float:left;
     width:39%;
    /*background:red;*/
}

.fortysix-column{
     float:left;
     width:45%;
    /*background:red;*/
}

.eighty-column{
    float:left;
    width:79%;
    /*background:red;*/
}

.twenty-column{
     float:left;
     width:19%;
    /*background:red;*/
}

.column-left{
    margin:0 1% 0 0;
}

.column-right{
    margin:0 0 0 1%;
}

.column-middle{
    margin:0 1% 0 1%;
}



.data-table thead td, .data-table thead th {
    font-weight: bold;
    background-color: #ddd;
    padding-left: 0px;
    text-align: left;

    background: -moz-linear-gradient(center top , #fff, #eee);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}


.odd-row{
    background:#EEE;
}

.even-row{
    background:#FFF;
}


.wizard-button {
    border: 1px solid #999;
    color: #333 !important;
    padding: 5px 10px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 10px;
    font-size: 14px;
    font-weight: bold;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    background-color: #fff;
    background: -moz-linear-gradient(center top , #fff, #ddd);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
}

.wizard-button:hover {
    background-color: #ddd;
    background: -moz-linear-gradient(center top , #ddd, #fff);
    background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
}