/*
B-Lex IT 2009

FIXME:
- implementeer buttonkleur Ashgrey
- zijkanten afronding bij kleuren

Grey            #58575A    tekstkleur op wit
Lightgrey       #B3B3B3    tekstkleur op donkergrijze vlakken

*/


html
{
    /*
    voorkomen van verspringen van de pagina door verschijnen scrollbalk
    (in MSIE 6, Firefox 1.1, Mozilla 1.8a4, Safari 2, Seamonkey 1.x en Opera 9.5a1)
    */
    /*overflow-x:             hidden;*/
    overflow-y:             scroll;
}

body
{
    font-family:   Tahoma, Arial, Sans-Serif;
    font-size:     11px;
    color:         #58575a;

    margin:        0;
    padding:       0; /* very old Opera */
    background-color: white;
}

p
{
    line-height:   150%;
}

a
{
  font-family:   Tahoma, Arial, Sans-Serif;
  font-size:     11px;
  color:         #58575a;
}

a:hover
{
  text-decoration: none;
}


#centeredcontent
{
    /* 9+10+968+10+9 */
    width:         988px;
    padding:       0 9px;  /* room for shadow borders in bg */
    background:    transparent url('../images/generic/contentbg.png') repeat-y scroll top left;

    margin:        0 auto;
    overflow:      hidden;
}

#content
{
    position:      relative;
    width:         988px;
}

#padding
{
    padding-left:         10px;
    padding-right:        10px;
}

.page
{
    margin-top:           33px;
    margin-bottom:        33px;
    padding-left:         25px;
    padding-right:        25px;
    /* no padding-right so we can have dropshadows appear in the padding-right */
}




/* pageclasses when used as child of <div class="page"> */
.fullwidthpage
{
    margin-left:   -25px;
    margin-right:  -25px;
}

.landingpage
{
    margin-top:    -13px; /* landingpages have a smaller margin to (Flash)content */
    margin-left:   -25px;
    margin-right:  -25px;
}



.profiletop
{
  position:      relative;
  height:        22px;
  margin-bottom: 15px;

  margin-top:    -16px;
}

/* these have a back and logout button */
.editpage
{
}



/*
.vdivider
{
  width:        1px;
  background:   transparent url('../images/generic/dotsline.ver.onwhite.o.png') repeat-y bottom left;
}
*/


#flashcarrousel
{
  position:           relative;
  height:             320px;
  margin-bottom:      15px;
  margin-top:         -29px;
}

/* page elements with shadow has to be offset a little
   to keep in line with other elements */
.hasshadow
{
  margin-left: -3px;
}



/**********************************

Header / Login Panel

**********************************/

#logininfo
{
}

#logintogglebutton
{
  display:              -moz-inline-box;
  display:              inline-block;
  margin-left:          20px;

  width:                158px;
  height:               31px;
  background:           transparent url('../images/login_toggle_button.png') no-repeat scroll bottom left;
}

#logintogglebutton:hover,
#logoutbutton:hover
{
  cursor:               pointer;
}

#logoutbutton
{
  display:              -moz-inline-box;
  display:              inline-block;
  margin-left:          20px;

  width:                104px;
  height:               31px;
  background:           transparent url('../images/logout_button.png') no-repeat scroll bottom left;
}

#loginpanel
{
  position:             relative;
  zoom: 1;

  padding:              0 23px;
  color:                #B3B3B3;
  /*height:               162px;*/

  background:           #6c6c6c url('../images/generic/login_toggle_bg.png') repeat-x scroll bottom left;
}

#loginpanel a
{
  color:                #B3B3B3;
}

#loginpanel.open
{
  padding-top:          23px;
  background:           #6c6c6c url('../images/generic/login_foldedout_bg.png') repeat-x scroll bottom left;
}

#loginbar
{
  height:               32px;
  line-height:          32px;  /* IE ignores this line-height */
  text-align:           right;
}

#loginbar *
{
  vertical-align:       bottom;
}

#loginformlayout
{
  display:              none;
  width:                auto;
}
#loginpanel.open #loginformlayout
{
  display:              block;
}

#loginform
{
  line-height:          23px;
}

#loginpanel h1
{
  margin-top:           0;
  color:                #B3B3B3;
  font-weight:          normal;
  font-size:            180%;
  font-weight:          normal;
}

#loginpanel input
{
  width:                200px;
  padding:              3px 4px 3px 4px;
  border:               1px solid #BBB;
  margin-left:          5px;
}
#loginpanel input:focus
{
  outline:              1px solid #999;
}

#loginpanel .vdivider
{
  width:                82px; /* 40*2+2 */
  background:           transparent url('../images/generic/loginpanel_divider.png') repeat-y scroll top center;
}



/**********************************

Header

**********************************/

#header
{
  position:             relative;
  height:               91px;

  margin-top:           20px;
  margin-bottom:        5px;
}

#hlogo
{
  position:       absolute;
  left:           20px;
  bottom:         21px;
}

#htext
{
  position:       absolute;
  left:           87px;
  bottom:         39px;
}

#hbanner
{
  position:       absolute;
  right:          85px;
  bottom:         12px;
}

#lsign
{
  position:       absolute;
  right:          15px;      /* 15+10 from shadowside */
  bottom:         0px;

/*  vertical-align: bottom !important;*/
}



/**********************************

Menu

**********************************/

#mainmenu
{
  position:        relative;
  height:          48px;
}

#mainmenu.hassubmenu
{
  height:          73px;
}

/* background is seperate, so we can apply the IE6's AlphaImageLoader
   without it blocking mouseclicks to it's children (the menuitems) */
#mainmenubg
{
  position:        absolute; /* make container for dividers */
  width:           972px;
  height:          46px;

  background:      transparent url('../images/menu/menumainbg.png') no-repeat scroll top left;
  margin-left:     -2px; /* compensate for shadow at left */

  z-index:         1;
}

#leftedge
{
  position:        absolute;
  top:             1px;
  left:            0px;

  width:           4px;
  height:          71px;

  z-index:         2;
}
.mainmenu_purple #leftedge
{
  background:      transparent url('../images/menu/menumain_left_purple.png') no-repeat scroll top left;
}

#mainmenu table
{
  position:        relative; /* make container for dividers */
  top:             1px;

  width:           968px;

  z-index:         2;        /* over the background */

  height:          46px;

  border:          none;
  border-spacing:  0;
  border-collapse: collapse;
}

#mainmenu td
{
  padding:              0;
  font-size:            0; /* kill any whitespace created by newlines */
}

.measure
{
  visibility:           hidden;

  white-space:          nowrap;

  font-size:            11px !important; /* restore fontsize after 'kill whitespace'-trick */
  font-weight:          bold;
  text-transform:       uppercase;

  padding-right:        8px !important; /* nr.of divivers * 2 = (buttons-1)*2 */
}

.mainmenubuttons
{
  white-space:          nowrap;
  padding-top:          1px; /* skip the glowedge */
}


.mainmenubuttons a
{
  position:             relative; /* unconfuse Opera on which td we are in */

  /* so we can have height and can apply divider as background */
  display:              inline-block;

  /* use 100/amountofbuttons*2 as percentage */
  padding-left:         10%;
  padding-right:        10%;

  height:               48px;
  line-height:          43px;

  font-size:            11px;
  font-weight:          bold;

  text-transform:       uppercase;

  color:                #FFFFFF;
  text-decoration:      none;

  cursor:               pointer;
  -moz-user-select:     none;
}

.mainmenubuttons a:focus
{
  outline:              none;
}

.mainmenubuttons .divider
{
  display:              -moz-inline-box; /* no content, so FF2 will cope */
  display:              inline-block;
  vertical-align:       top;
  width:                2px;
  height:               42px;
  background:           transparent url('../images/menu/menumain_divider.png') no-repeat scroll 0 -1px;
}


/**************
  Submenu
**************/

#submenu
{
  position:           absolute;
  top:                43px;

  height:             30px;
  line-height:        30px;

  width:              968px;

  font-size:          11px;
  text-indent:        31px;
}

#submenu a
{
  color:              #fff;
  margin-right:       26px; /* because IE6 cannot handle #submenu a + a */
  font-weight:        bold;
  text-decoration:    none;
}

#submenu a:hover
{
  text-decoration:    underline;
  color: white !important;
}



.mainmenubuttons a.purple:hover         { color: #ba0c96; }
.mainmenubuttons a.yellow:hover         { color: #f8c800; }
.mainmenubuttons a.light_blue:hover { color: #0f79bf; }
.mainmenubuttons a.dark_blue:hover   { color: #0f79bf; } /* #083674 is too dark */
.mainmenubuttons a.pink:hover             { color: #FFFFFF; } /* #fe0076 */
.mainmenubuttons a.orange:hover         { color: #ff9000; }


/* REGELEN */
.mainmenu_purple .mainmenubuttons a.selected
{
  background:         transparent url('../images/menu/btn_active_purple.png') repeat-x scroll 0 top;
  color:              #FFFFFF;
}
.mainmenu_purple #submenu
{
  background-image:   url('../images/menu/menusub_bar_purple.bg.png');
}
.mainmenu_purple #submenu a          { color: #4D003E; }
.mainmenu_purple #submenu a.selected { color: #FFFFFF; }



/* LEREN */
.mainmenu_yellow .mainmenubuttons a.selected
{
  background:         transparent url('../images/menu/btn_active_yellow.png') repeat-x scroll 0 top;
  color:              #FFFFFF;
}
.mainmenu_yellow #submenu
{
  background-image:   url('../images/menu/menusub_bar_yellow.bg.png');
}
.mainmenu_yellow #submenu a          { color: #B29000; } /* kleur uit ontwerp was #F8C800 (was te lastig te lezen) */
.mainmenu_yellow #submenu a.selected { color: #FFFFFF; }



/* RIJDEN */
.mainmenu_light_blue .mainmenubuttons a.selected
{
  background:         transparent url('../images/menu/btn_active_lightblue.png') repeat-x scroll 0 top;
  color:              #FFFFFF;
}
.mainmenu_light_blue #submenu
{
  background-image:   url('../images/menu/menusub_bar_lightblue.bg.png');
}
.mainmenu_light_blue #submenu a          { color: #002E4C; }
.mainmenu_light_blue #submenu a.selected { color: #FFFFFF; }



/* RIJDEN */
.mainmenu_dark_blue .mainmenubuttons a.selected
{
  background:         transparent url('../images/menu/btn_active_darkblue.png') repeat-x scroll 0 top;
  color:              #FFFFFF;
}
/* no submenu */



/* LICENSE (old color) */
/*.mainmenu_pink .mainmenubuttons a*/
a.pink
{
  color:    #ff0076;
}
a.selected {
  color:    #fff;
}


.mainmenu_pink .mainmenubuttons a.selected
{
  background:         transparent url('../images/menu/btn_active_pink.png') repeat-x scroll 0 top;
  color:              #FFFFFF;
}
.mainmenu_pink #submenu
{
  background-image:   url('../images/menu/menusub_bar_pink.bg.png');
}
.mainmenu_pink #submenu a          { color: #6B0032; }
.mainmenu_pink #submenu a.selected { color: #FFFFFF; }


/* LICENSE */
.mainmenu_orange .mainmenubuttons a.selected
{
  background:         transparent url('../images/menu/btn_active_orange.png') repeat-x scroll 0 top;
  color:              #FFFFFF;
}
.mainmenu_orange #submenu
{
  background-image:   url('../images/menu/menusub_bar_orange.bg.png');
}
.mainmenu_orange #submenu a          { color: #814900; }
.mainmenu_orange #submenu a.selected { color: #FFFFFF; }



/**********************************

Footer

**********************************/

#footer
{
  position:           relative;
  zoom:               1;

  padding:            40px;
  font-family:        Arial;

  /* very subtle gradient - 259 high */
  background:         #484848 url('../images/generic/footer_bggradient.png') repeat-x scroll top left;
}

#horizontallinks
{
  margin-top:   37px;
}

#horizontallinks,
#horizontallinks a
{
  font-size:    10px;
  color:        #9E9E9E;
  padding:      2px 4px;
}

#footermenu
{
/*  border-collapse:      collapse;*/
  margin-left:          -20px;
}

#footermenu td
{
  vertical-align:       top;

  padding-left:         20px;
  padding-right:        20px;
  border-right:         1px solid #777777;
}

#footermenu td.lastcolumn
{
  border-right:         none;
}

#footermenu h1
{
  font-family:          'VWHeadline Blk', Futura, Tahoma;
  font-size:            15px;
  color:                #FFFFFF;
  white-space:          nowrap;
  margin-bottom:        5px;
}

#footermenu a.highlight
{
  position:             relative;
  padding-left:         20px;
  padding-right:        3px;

  margin-bottom:        3px;

  height:               35px;
  line-height:          35px;
  white-space:          nowrap;
  background:           transparent url('../images/footer_highlight_left.png') no-repeat scroll center left;
}

#footermenu a.highlight .right
{
  display:              block;
  position:             absolute;
  right:                -6px;
  top:                  0;

  width:                6px;
  height:               35px;
  background:           transparent url('../images/footer_highlight_right.png') no-repeat scroll center left;
}

#footermenu a
{
  display:              block;
  background:           transparent url('../images/listitemarrow.png') no-repeat scroll center left;
  padding-left:         10px; /* 10+6 */

  line-height:          20px;

  font-family:          Arial;
  font-size:            12px;
  color:                #FFFFFF;
  text-decoration:      none;
}
#footermenu a:hover
{
  text-decoration:      underline;
}

#footermenu a.strong
{
  padding:              10px;
  border:               1px solid #929292;
}


#footer .vwemblem
{
  position:     absolute;
  right:        25px;
  bottom:       40px;
  width:        24px;
  height:       24px;
  background:   transparent url('../images/VW_emblem_mini.t.png') no-repeat scroll top left;
}



/**********************************

Converted word docs

**********************************/

#welcome p.wh-normal
{
  font-size:   12px; /* initial design used 11px */
}

p.wh-normal
{
  font-family: Tahoma,Arial,Sans-Serif;
  font-size:   11px; /* initial design used 11px */
  color:       #58575a;
}

p.wh-normal b
{
  color:       #000;
}



/**********************************

Misc common stuff

**********************************/

.pagelayout
{
  border-collapse:      collapse;
/*  table-layout:         fixed;    note: also makes IE assume it has to use 100% width */
}

.pagelayout td
{
  padding:              0;
  vertical-align:       top;
}

.threecolumnlayout .leftcolumn
{
  padding-right: 50px;
}

.hpagedivider
{
  width:        19px;
  background:   transparent url('../images/newspage/newsfluffline.png') repeat-y scroll top left;
}
.hpagedivider img
{
  margin-top:   56px;
}

.threecolumnlayout .rightcolumn
{
  padding-left: 50px;
}



/**********************************

HTML elements

**********************************/

img
{
    border:          0;
}

img.fullwidth
{
    display:         block;
    margin-left:     -25px;
}

a
{
    text-decoration: underline;
}

/*
.recoverpass
{
  text-decoration:      underline;
}
*/


textarea
{
    padding:         2px;  /* default padding differs per browser (IE default is 1px) */
    overflow:        auto; /* IE has default overflow-y */
    resize:          none; /* Safari 3+ by default uses resize: both; */
}

h1
{
    font-family:     'VWHeadline Blk', Futura, Tahoma;
    font-size:       22px;
    color:           #000;
    margin-bottom:   15px;
    line-height:     100%;  /* 100% of font-size for !this! elem */
}

.hr
{
  height:       1px;
  font-size:    0; /* IE6/7 */

  background:   transparent url('../images/generic/dotsline.png') repeat-x bottom left;
}

/*
- IE6 can't do transparency
- IE filters can only stretch not repeat

Conclusion:
- use indexed transparency and use opacity/filter to make the dots translucent
*/
.hr_t
{
  height:       1px;
  font-size:    0; /* IE6/7 */

  background:   transparent url('../images/generic/dotsline.indexed.png') repeat-x bottom left;
  opacity:      0.5;
  filter:       alpha(opacity=50);
}


/*
p.wh-heading1
*/

h2,
.tollium-panel .header,
form th                   /* FIXME: risky, need a class for this */
{
  font-size:     12px;
  font-weight:   bold;
  color:         #000000;
  margin:        25px 0 2px 0;
}

/* header with a <box> (no dotsline needed) * /
.tollium-text b
{
  display:       block;
  margin-top:    10px;
}
*/
h2 .ster
{
  font-weight:   normal;
  color:         #58575a;
  margin-right:  2px;
}


.wh-heading2
{
  font-size:     14px         !important;
  font-weight:   bold;
  font-style:    normal       !important;

  color:         #000000;
  margin:        25px 0 2px 0;
}

/**********************************

Dialogs (Popups)

**********************************/

/* skinned using tables so even IE6 can handle it */

.tollium-custompopupdialog
{
  position:    absolute;
  overflow:    auto;
/*  background:      transparent none no-repeat scroll 0 0 !important;*/
  z-index:     1005;
}

.dialog_content
{
  background-color: #FFFFFF;
  padding:          15px;

  overflow:         auto;

  min-width:        64px;
  min-height:       48px;
}

.linkpopupcontent
{
  padding:      0;
}



table.skintable
{
  border-collapse: collapse;
}

#vwdialog
{
  width:           100%;
  border-collapse: collapse;
}

.dialog_tl
{
  width:        11px;
  height:       50px;
  background:   transparent url('../images/generic/dialog_tl.t.png') no-repeat top left;
  font-size:    0; /* IE6/7 */
  padding:      0;
}

.dialog_tm
{
  height:       46px;
  padding:      4px 20px 0 20px;

  background:   transparent url('../images/generic/dialog_t.t.png') repeat-x top left;

  vertical-align: middle;

  font-family:          'VWHeadline Blk', Futura, Tahoma;
  font-size:            18px;
  color:                #FFFFFF;
  white-space:          nowrap;
}

.dialog_tr
{
  width:        11px;
  height:       50px;
  background:   transparent url('../images/generic/dialog_tr.t.png') no-repeat top left;
  font-size:    0; /* IE6/7 */
  padding:      0;
}

.dialog_ml
{
  width:        11px;
  background:   transparent url('../images/generic/dialog_ml.t.png') repeat-y top left;
  font-size:    0; /* IE6/7 */
  padding:      0;
}

.dialog_mm
{
  vertical-align:   top;
  padding:          0;
  background-color: #FFFFFF
}

.dialog_mr
{
  width:        11px;
  background:   transparent url('../images/generic/dialog_mr.t.png') repeat-y top left;
  font-size:    0; /* IE6/7 */
  padding:      0;
}

.dialog_bl
{
  width:        11px;
  height:       11px;
  background:   transparent url('../images/generic/dialog_bl.t.png') no-repeat top left;
  font-size:    0; /* IE6/7 */
  padding:      0;
}

.dialog_bm
{
  height:       11px;
  background:   transparent url('../images/generic/dialog_bm.t.png') repeat-x top left;
  font-size:    0; /* IE6/7 */
  padding:      0;
}

.dialog_br
{
  width:        11px;
  height:       11px;
  background:   transparent url('../images/generic/dialog_br.t.png') no-repeat top left;
  font-size:    0; /* IE6/7 */
  padding:      0;
}

.dialog_btn_close
{
  position:     absolute;
  top:          16px;
  right:        15px;

  width:        75px;
  height:       23px;
  background:   transparent url('../images/generic/dialog_btn_close.o.png') no-repeat top left;

  cursor:       pointer;
}


/**********************************

Webforms

**********************************/

.tollium-popupdialog
{
  padding:  10px;
  border:   1px solid #444;
}

select,
input,
textarea,
button,
label /* label will inherit fonts though */
{
    font-family:      Tahoma, Arial, Sans-Serif;
    font-size:        11px;
    color:            #58575a;

    vertical-align:   middle;
}

/* don't give border here to <input>,
   we can't tell IE not to apply it to type="image/radio" */
select,
textarea
{
  border:             1px solid #BBB;
}

/* <text> with action in Tollium */
button.tollium-text:hover
{
  cursor: pointer;
  text-decoration: underline;
}

input[type="text"],
input[type="password"],
.tollium-textedit
{
  padding:            3px 4px 3px 4px;
  margin:             0;               /* FF applies margins to input by default */
  vertical-align:     middle;

  border:             1px solid #BBB;
}

input[type="checkbox"]
{
  margin:             1px 5px 0 0;
}

input[type="text"]:focus,
input[type="password"]:focus,
.tollium-textedit:focus,
textarea
{
  outline:            1px solid #999;
}

textarea
{
  padding:            3px 4px 3px 4px;
}

/* FF will place the given padding not only on the <option> of a <select>
   but around both <option> textcontent and pulldown widget */

.listfilter select,
.listfilter input.textedit
{
    margin:           0;
    padding-top:      2px;
    padding-bottom:   2px;
    border:           1px solid #BBB;

    height:           23px;

    vertical-align:   top;
}
.listfilter input.textedit
{
    height:      15px;
    padding:     3px;
}



.tollium-panel .header
{
  margin-top:      0;
  margin:          0 0 10px 0;
}
.tollium-box
{
  margin-bottom:   15px;

  padding-top:     15px;
/*  margin-right:    50px;  don't use! webforms already uses 100% width */
  background:      transparent url('../images/generic/dotsline.png') repeat-x top left;
}

.tollium-text,
.tollium-textedit,
.tollium-label
{
  vertical-align:  middle !important;
}

.tollium-label
{
  padding-right:   20px;
}

table.tollium-panel td.tollium-panelcell
{
/*
  line-height:     23px;
  padding:         0 !important;
*/
  padding:         2px 0 !important;
}

td.tollium-panelinner
{
  vertical-align:   middle;
}

div.tollium-modaloverlay
{
  position:         fixed !important; /* overwrite csswf.css */
  top:              0;
  left:             0;
  width:            100%;
  height:           100%;
  background-color: #000000 !important;
  opacity:          0.7;
  -moz-opacity:     0.7;
  filter:           alpha(opacity=70);
}



/*************************************************

Tables
(rijscholen overzicht / te huren auto's overzicht

**************************************************/

.vwtable_container
{
  position:        relative; /* Fix for FF. relative on <table> doesn't make a new context */
  zoom:            1;
}

.vwtable
{
  border-collapse: collapse;
}

.vwtable a
{
  color:           #58575a;
  text-decoration: none;
}

.vwtable th,
.vwtable td
{
  font-family:     Tahoma;
  font-size:       11px;
  color:           #58575a;
  vertical-align:  middle;
}

.vwtable th
{
  height:          41px;
  background:      transparent url('../images/regelen-rijschool/th_background.png') repeat-x top left;

  padding:         0 10px 0 12px;
  color:           #000;
}
.vwtable th.sortcolumn
{
  padding:         0 13px 0 9px;
  color:           #fff;
  background:      transparent url('../images/regelen-rijschool/th_background_selected.png') repeat-x top left;
}
.vwtable th.keepempty
{
  background-image: none;
}

.vwtable th a
{
  display:         block;
  color:           #000;
  position:        relative;
}
.vwtable th.sortcolumn a
{
  color:           #fff;
}


.vwtable th.sortcolumn .divider
{
  margin-left:     -10px;
}
th.sortcolumn .sortorder
{
/*
th isn't a containing block except in IE
  position:        absolute;
  right:           3px;
  top:             20px;

will position on first line or above
  float:           right;
  margin-top:      5px;
*/

  position:        absolute;
  right:           3px;
  top:             50%;
  margin-top:      -1px;
  right:           -7px;

  width:           7px;
  height:          3px;

  background:      transparent url('../images/regelen-rijschool/sortorder_descending.png') no-repeat top left;
}

th.sortcolumn .sortorderAsc
{
  background-image: url('../images/regelen-rijschool/sortorder_ascending.png') !important;
}



.vwtable .ster
{
  margin-left:   1px;
  font-weight:   normal;
  color:         #58575a;
}
.vwtable .sortcolumn .ster
{
  font-weight:   normal;
  color:         #BBBBBB;
}



.vwtable th .divider
{
  margin-left:     -13px;

  position:        absolute;
  top:             0px;

  display:         block;
  width:           2px;
  height:          41px;
  background:      transparent url('../images/regelen-rijschool/th_divider.png') no-repeat left top;
}

.vwtable .headerrowtwo td
{
  font-weight:     bold;
  white-space:     nowrap;
}

.vwtable tr
{
  /* cursor: pointer; */
}
.vwtable td
{
  padding: 10px 10px 10px 10px;
}

iframe.theorieframe
{
  border:none;
  width:900px;
  padding: 0;
  margin: 0;
  height:600px;
}

div.sc_graybox
{
  width: 389px;
  padding-top: 15px;
}

div.sc_graybox div.sc_inner
{
  color: #000000;
  padding: 0 20px;
  border-left: 1px solid #C3C3C3;
  border-right: 1px solid #C3C3C3;
}

div.sc_graybox div.sc_inner div.sc_header
{
  padding: 10px 0 10px 0;
  font-size: 150%;
  font-weight: bold;
}

div.sc_graybox div.sc_inner div.sc_sub_header
{
  padding: 0px 0 30px 0;
  font-size: 150%;
}

div.sc_graybox div.sc_inner div.sc_text
{
  font-size: 115%;
  font-weight: bold;
  padding: 0 0 5px 0;
}

div.sc_graybox div.sc_inner div.sc_button
{
  padding: 15px 0 10px 0;
}

div.sc_loggedin
{
  padding: 10px 0;
}

div.sc_lightgraybox
{
  width: 352px;
  padding-top: 15px;
}

div.sc_lightgraybox div.sc_lightgray_inner
{
  padding: 15px 20px 15px 40px;
  border-left: 1px solid #E7E7E7;
  border-right: 1px solid #E7E7E7;
  text-align: left;
}

div.sc_lightgraybox div.sc_warning_text
{
  color: #FF0101;
}

div#ltl_logos
{
  border-left: 1px solid #ababab;
  margin: 40px 0 0 30px;
  padding: 10px 0;
}

div#ltl_logos div.logo
{
  padding: 5px 0 5px 20px;
}