@font-face 
{
  font-family  :  'Roboto';
  src          :   url('../fonts/RobotoSlab-Regular.ttf');
}

@font-face 
{
  font-family  :  'Roboto Bold';
  src          :   url('../fonts/RobotoSlab-Bold.ttf');
}

:focus
{
  -moz-outline-style  :  none;
}

html
{

}

body
{
  margin      :  0px;
  background  :  #000000;
}

body.cke_show_borders
{
  background  :  #ffffff;
}

table
{
  border-collapse  :  collapse;
  border-spacing   :  0;
  table-layout     :  fixed;
}

body, p, div, td, span, a
{
  font-family  :  arial, sans-serif;
  font-size    :  14px;
  color        :  #444444;
  
  position     :  relative;
  outline      :  none;  
}

h1
{
  padding     :  50px 0px;
  text-align  :  center;
  background  :  #222222;
  margin      :  0px !important;
}

h1 span
{
  font-family	:  "Roboto Bold", arial, sans-serif;
  font-size	:  32px;
  font-weight	:  bold;
  text-align    :  center;
  text-shadow   :  1px 1px 0px #999999;
  color         :  #ffffff;
}

h1 img
{
  position  :  absolute;
  top       :  18px;
  left      :  30px;
}

h2 
{
  font-family	:  "Roboto Bold", arial, sans-serif;
  font-size	:  26px;
  font-weight	:  bold;
  text-align    :  left;
  color		:  #222222;

  margin        :  20px 0px 40px 0px;
}

div.br
{
  clear        :  both;
  line-height  :  0px;
  height       :  0px;
  font-size    :  0px;
}

div.br10
{
  clear        :  both;
  line-height  :  40px;
  height       :  40px;
  font-size    :  1px;
}

label
{
  font-family	 :  "Roboto", arial, sans-serif;
  font-size	 :  14px;
  color		 :  #222222;

  display	 :  block;
  width		 :  100%;
  margin-bottom  :  10px;
  font-weight	 :  400;
  padding-left	 :  1px;
}

label span, label span a, label span a:hover
{
  font-family	 :  "Roboto", arial, sans-serif;
  font-size	 :  12px;
  color          :  #aaa;
}

input.textbox, select
{
  font-size    :  12px;
  font-weight  :  bold;
  color        :  #555555;

  display      :  block;
  width        :  100%;
  padding      :  12px 20px;
  box-sizing   :  border-box;
  border       : 1px solid #d5d6d6;
}

.multiSelect
{
  width       :  280px;
  height      :  115px;
  padding     :  10px;
  overflow    :  auto;
  border      :  solid 1px #d5d6d6;
  background  :  #ffffff;
}

.multiSelect label
{
  font-size  :  14px;
}

.buttonNext, .buttonPrevious
{
  font-weight      :  bold;
  font-size        :  14px;
  color            :  #fff;
  background       :  #4966b1;
  text-decoration  :  none;
  padding          :  18px 50px;
  position         :  relative;
  top              :  40px;	
  border           :  0;
  cursor           :  pointer;
  display 	   :  inline-block;
}

#BtnSame
{
  padding     :  15px 25px;
  background  :  #444444;
}

.date
{
  width  :  190px;	
}

.date input.textbox
{
  display  :  inline;
  width    :  130px;	
}

.date img 
{
  width     :  50px;
  position  :  relative;
  top       :  7px;
}

select.ui-datepicker-year
{
  height   :  auto;
  display  :  inline;
  padding  :  0;	
}

#Header 
{
  background  :  #222222;
  text-align  :  center;
  padding     :  30px 0px;
}

#LeftPanel
{
  width           :  23%;
  background      :  #ffffff;
  height          :  780px;
  vertical-align  :  top; 
  float           :  left;
}

#LeftPanel #Steps
{
  width    :  84%;
  float    :  left;
  padding  :  60px 8% 0px 8%; 
}

#LeftPanel #Steps a
{
  text-decoration  :  none;
  display          :  block;
  margin-bottom    :  40px;
}

#LeftPanel #Steps .details span:nth-of-type(1)
{
  font-size                :  20px;	
  font-weight              :  bold;
  color                    :  #ffffff;
  width                    :  40px;
  height                   :  40px;
  background               :  #ebebeb;
  display                  :  inline-flex;
  background     	   :  #4966b1;
  border-radius            :  50%;
  -moz-border-radius       :  50%;
  -webkit-border-radius    :  50%;
  -o-border-radius         :  50%;
  -ms-border-radius        :  50%;
  align-items              :  center;
  -moz-align-items         :  center;
  -webkit-align-items      :  center;
  -o-align-items           :  center;
  -ms-align-items          :  center;
  justify-content          :  center;
  -moz-justify-content     :  center;
  -webkit-justify-content  :  center;
  -o-justify-content       :  center;
  -ms-justify-content      :  center;
}

#LeftPanel #Steps .details span:nth-of-type(2)
{
  font-family    :  "Calibri", arial, sans-serif; 
  font-size      :  18px;  
  color          :  #464646;
  display        :  inline-block;
  margin-left    :  15px;
  top            :  0px;
}

#LeftPanel #Steps .details span:nth-of-type(3)
{
  font-family    :  "Calibri", arial, sans-serif;
  color          :  #a8a8a8;
  display        :  block;
  font-size      :  14px; 
  margin-left    :  60px;
  top            :  -15px;
}

.line
{
  width          :  5px;
  height         :  80px;
  background     :  #EBEBEB;
  position       :  absolute;
  left           :  17px;
  top            :  40px;
}

.selectedLine
{
  background  :  #4966B1;  
}

#Contents
{
  width           :  67%;
  height          :  760px;
  padding         :  20px 5% 0px 5%;
  background      :  #f8f8f8;  
  float           :  left;
  vertical-align  :  top; 
}

#Contents table td
{
  vertical-align  :  top; 
}

#Footer
{
  line-height  :  20px;
  padding      :  20px;
  background   :  #000000;
}