@font-face 
{
  font-family  :  'oswald';
  src          :  local('oswald'), url('../fonts/oswald.ttf') format('truetype'), url('../fonts/oswald.eot') format('embedded-opentype'), url('../fonts/oswald.woff') format('woff'), url('../fonts/oswald.svg') format('svg');
}


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

html
{

}

body
{
  margin      :  0px;
  padding     :  0px;  
  background  :  #eaeff6 url('../images/back.png') no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
}

body.cke_show_borders
{
  background  :  #ffffff;
}

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

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

h1
{
  font-family            :  oswald, arial, sans-serif;
  font-weight            :  normal;
  font-size              :  24px;
  color                  :  #000000;

  margin                 :  0px 0px 0px 0px;
  padding                :  0px;
  line-height            :  40px;
  height                 :  40px;

  -moz-border-radius     :  5px 5px 0px 0px;
  border-radius          :  5px 5px 0px 0px;
  -webkit-border-radius  :  5px 5px 0px 0px;
}

.h1
{
  color          	 :  #ffffff;
  text-transform 	 :  uppercase;

  background     	 :  #1212aa;
  margin-bottom  	 :  15px;

  -moz-border-radius     :  0px;
  border-radius          :  0px;
  -webkit-border-radius  :  0px;
}

.h1 span
{
  float         :  left;
  background    :  #3b3f4d url('../images/icons/arrow.png') no-repeat 8px center;
  width         :  40px;
  height        :  40px;
  margin-right  :  12px;
}

h2, h2 a, h2 a:hover
{
  font-family      :  oswald, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  16px;
  color            :  #000000;
  
  text-decoration  :  none;
  
  margin           :  0px 0px 2px 0px;
  padding          :  0px;
}

h3
{
  font-family            :  oswald, arial, sans-serif;
  font-weight            :  normal;
  font-size              :  16px;
  color                  :  #777777;
  
  text-transform         :  uppercase;
  
  margin                 :  0px 0px 5px 0px;
  padding                :  0px;
  line-height            :  18px;
  height                 :  40px;
  -moz-border-radius     :  5px 5px 0px 0px;
  border-radius          :  5px 5px 0px 0px;
  -webkit-border-radius  :  5px 5px 0px 0px;
}

h4, h4 a, h4 a:hover
{
  font-family      :  oswald, arial, sans-serif;
  font-weight      :  bold;
  font-size        :  18px;
  color            :  #333333;
  
  text-decoration  :  none;
  
  margin           :  0px 0px 8px 0px;
  padding          :  0px;
}

h5
{
  font-family     :  verdana, arial, sans-serif;
  font-weight     :  bold;
  font-size       :  12px;
  color           :  #333333;
  
  text-transform  :  uppercase;
  
  margin          :  0px 0px 2px 0px;
  padding         :  0px;
}

h6
{
  font-family  :  verdana, arial, sans-serif;
  font-weight  :  bold;
  font-size    :  11px;
  color        :  #333333;
  
  margin       :  0px 0px 2px 0px;
  padding      :  0px;
}

a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  14px;
 
  text-decoration  :  none;
}

a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  14px;
  color            :  #000;
  text-decoration  :  none;
}

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

div.br5
{
  clear        :  both;
  line-height  :  5px;
  height       :  5px;
  font-size    :  1px;
}

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

div.br50
{
  clear        :  both;
  line-height  :  50px;
  height       :  50px;
  font-size    :  1px;
}

div.hr
{
  border-top     :  solid 2px #eeeeee;
  margin         :  0px 0px 20px 0px;
}


.gray
{
  color  :  #777777;
}

.red
{
  color  :  #830100;
}

.faq
{
  cursor  :  pointer;
}

a img
{
  border  :  none;
}

.hidden
{
  display  :  none;
}

.noPadding
{
  padding  :  0px;
}

.noMargin
{
  margin  :  0px;
}

.noBackground
{
  background  :  none !important;
}

.fRight
{
  float  :  right;
}

.fLeft
{
  float  :  left;
}


form
{
  margin  :  0px;
}

label
{
  font-family  :  verdana, arial, sans-serif;	
  display      :  block;
  margin       :  0px 0px 3px 0px;
  padding      :  0px;
  color        :  #5a5858;
  font-size    : 14px;
}

label span
{
  font-size  :  10px;
  color      :  #bbbbbb;
}

input.textbox, select, textarea
{
  font-family		 :  'Open Sans', sans-serif, verdana;
  font-size		 :  16px;
  color			 :  #858282;

  padding		 :  15px 15px 15px 35px;
  border		 :  solid 1px #b4b2b2;

  -moz-border-radius     :  5px;
  border-radius          :  5px;
  -webkit-border-radius  :  5px;  
}

input.textbox.user
{
  background  :  #ffffff url('../images/icons/person.png') no-repeat left 10px center;
}

input.textbox.password
{
  background  :  #ffffff url('../images/icons/password.png') no-repeat left 10px center;
}

input.button, a.button, button
{
  font-family  		 :  oswald, arial, sans-serif;	
  font-size		 :  18px;
  font-weight		 :  600;
  color			 :  #ffffff;

  padding		 :  10px 35px;
  cursor		 :  pointer;
  background		 :  #1212aa;
  border		 :  none;

  -moz-border-radius     :  5px;
  border-radius          :  5px;
  -webkit-border-radius  :  5px;  
}

input.button.small, a.button.small, input.button.small:hover, a.button.small:hover
{
  font-size  :  11px;
  padding    :  10px 8px;
}

.mandatory
{
  font-size    :  12px;
  font-weight  :  bold;
  color        :  #830100;
}


#MainDiv
{
}

#Header
{
  border-bottom  :  solid 3px #1212aa;
  background     :  #3b3f4d;
}

#Header #HeaderDiv
{
  width   :  1001px;
  margin  :  0px auto 0px auto;
}

#UserLinks a
{
  font-size  :  12px;
  color      :  #ffffff;
  margin     :  0px 0px 0px 20px;
}

#UserLinks a:last-child
{
  padding                :  3px 15px 5px 10px;
  border                 :  solid 1px #1212aa;
  background   		 :  #1212aa;

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

#UserLinks a:last-child img
{
  position  :  relative;
  top       :  2px;
  margin    :  0px 5px 0px 3px;
}

#UserLinks a:last-child:hover
{
  border      :  solid 1px #1212aa;
  background  :  none;
}


#Body
{
  clear  :  both;
}

#Body #BodyDiv
{
  margin      :  0px auto 0px auto;
  width       :  1001px;  
  padding     :  20px 0px 50px 0px;
}

#Body #Contents
{
  min-height  :  575px;
  padding     :  0px 0px 50px 0px;
  margin      :  0px 0px 0px 20px;
  background  :  #ffffff;
}

#Body #Contents .contents
{
  margin  :  0px 15px;
}

#Footer
{
  position    :  fixed;
  left        :  0px;
  right       :  0px;
  bottom      :  0px;
  background  :  #3b3f4d url('../images/footer-bg.png') repeat-x left top -15px;
}

#Footer #FooterDiv
{
  margin      :  0px auto 0px auto;
  padding     :  22px 0px 14px 0px;
  font-size   :  12px;
  color       :  #ffffff;    
  text-align  :  center;
}

#Copyright
{
  position    :  fixed;
  left        :  0px;
  right       :  0px;
  bottom      :  0px;
  font-size   :  12px;
  color       :  #eeeeee;
  text-align  :  right;
  padding     :  6px 12px 6px 12px;
  background  :  rgba(0, 0, 0, 0.5);
}


.alert, .error, .success, .info, .info.noHide
{
  clear                  :  both;
  padding                :  10px 10px 10px 35px;
  margin-bottom          :  15px;
  min-height             :  16px;
  line-height            :  16px;
  cursor                 :  pointer;
  
  -moz-border-radius     :  4px;
  border-radius          :  4px;
  -webkit-border-radius  :  4px; 
  
  font-family            :  verdana, arial, sans-serif;
  font-size              :  12px;
  color                  :  #000000;
}

.alert
{
  background  :  #feffc8 url('../images/icons/alert.png') 10px 10px no-repeat;
  border      :  solid 1px #f1aa2d;
}

.error
{
  background  :  #fdcea4 url('../images/icons/error.png') 10px 10px no-repeat;
  border      :  solid 1px #c44509;
}

.success
{
  background  :  #d4f684 url('../images/icons/success.png') 10px 10px no-repeat;
  border      :  solid 1px #739f1d;
}

.info
{
  background  :  #c3e4fd url('../images/icons/info.png') 10px 10px no-repeat;
  border      :  solid 1px #688fdc;
}

.info.noHide
{
  background  :  #eeeeee url('../images/icons/info.gif') 10px 10px no-repeat;
  border      :  solid 1px #cccccc;
}


/*************** Login  ******************/

#Login 
{
  background  : #fff none repeat scroll 0 0;
  margin      : 9% auto 4%;
  position    : relative;
  width       : 32%;
  border      : 1px solid #ab9eb0;
}

#frmLogin, #frmResetPassword
{
  padding :  85px 29px 20px 31px;
}

#Login img
{
  position		 :  absolute;
  top			 :  -50px;
  left			 :  32%;
  border		 :  solid 6px #f7f6f6;

  -moz-border-radius     :  50%;
  border-radius          :  50%;
  -webkit-border-radius  :  50%;  
}

#frmPassword
{
  font-family  :  verdana, arial, sans-serif;	
  font-size    :  14px;
  padding      :  0px 30px 25px 30px;
}

#ForgotPassword
{
  margin-top  :  12px;
}

#frmLogin input.textbox, #frmPassword input.textbox, #frmResetPassword input.textbox
{
  width  :  210px;  
}


/*************** Left Panel  ******************/

#StudentInfo
{
  text-align          :  center;
  padding             :  10px 0px 10px 0px; 
  background   	      :  #1212aa;

  -moz-box-shadow     :  0px 2px 3px 0px rgba(0, 0, 0, 0.4) inset, 0px 1px 2px 0px rgba(255, 255, 255, 0.2); 
  box-shadow          :  0px 2px 3px 0px rgba(0, 0, 0, 0.4) inset, 0px 1px 2px 0px rgba(255, 255, 255, 0.2); 
  -webkit-box-shadow  :  0px 2px 3px 0px rgba(0, 0, 0, 0.4) inset, 0px 1px 2px 0px rgba(255, 255, 255, 0.2);   
}

#StudentInfo h3
{
  font-size    :  16px;
  font-weight  :  bold;
  color        :  #ffffff;	
  
  margin       :  0px;
  padding      :  0px;
  line-height  :  20px;
  height       :  20px;
  overflow     :  hidden;
}

#StudentInfo h4
{
  font-size    :  14px;
  font-weight  :  bold;
  color        :  #ffffff;	
  
  margin       :  0px;
  padding      :  0px;
}

#StudentInfo a.picture img 
{
  margin-bottom 	 :  15px;
  border        	 :  #ebecef 2px solid;

  -moz-border-radius     :  35px;
  border-radius          :  35px;
  -webkit-border-radius  :  35px;  
}

#StudentInfo a.logout
{
  position  :  absolute;
  top       :  10px;
  right     :  10px;
}


#StudentDetails
{
  margin-bottom   :  15px;
  padding-bottom  :  10px;
  background      :  #3b3f4d;
} 

#StudentDetails img
{
  width   :  20px;
  height  :  20px;
}

#StudentDetails .title
{
  font-family    :  verdana, arial, sans-serif;		
  font-size      :  14px;
  color          :  #ffffff;

  padding        :  10px 0 10px 0px;
  border-bottom  :  solid 1px #ffffff;
}

#StudentDetails tr:last-child .title
{
  border  :  none;
}

#StudentDetails .title span
{
  font-size   :  12px;	
  font-style  :  italic;
  color       :  #ffffff;
}


#Navigation
{
  list-style        	 :  none;
  padding           	 :  0px;
  margin         	 :  0px;
  background   		 :  #3b3f4d;
  border                 :  solid 1px #14161c;

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

  -moz-box-shadow        :  0px 2px 3px 0px rgba(0, 0, 0, 0.4) inset, 0px 1px 2px 0px rgba(255, 255, 255, 0.2);
  box-shadow             :  0px 2px 3px 0px rgba(0, 0, 0, 0.4) inset, 0px 1px 2px 0px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow     :  0px 2px 3px 0px rgba(0, 0, 0, 0.4) inset, 0px 1px 2px 0px rgba(255, 255, 255, 0.2);
}


#Navigation li a
{
  font-family      	 :  oswald, arial, sans-serif;	
  font-size      	 :  16px;
  color          	 :  #ffffff;

  text-transform 	 :  uppercase;

  display        	 :  block;
  padding        	 :  15px 18px;
  border-bottom  	 :  solid 1px #292d38;

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

  -moz-box-shadow        :  0px 1px 0px 0px #434756 inset;
  box-shadow             :  0px 1px 0px 0px #434756 inset;
  -webkit-box-shadow     :  0px 1px 0px 0px #434756 inset;
}

#Navigation li:last-child a
{
  border  :  none;
}

#Navigation li a.selected
{
  background             :  #1212aa;
  border-bottom     	 :  solid 1px #1212aa;

  -moz-box-shadow        :  0px 1px 2px 0px rgba(255, 255, 255, 0.2) inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow             :  0px 1px 2px 0px rgba(255, 255, 255, 0.2) inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow     :  0px 1px 2px 0px rgba(255, 255, 255, 0.2) inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
}

#Navigation li a img
{
  display         	 :  inline-block;
  position               :  relative;
  top                    :  4px;
  text-align      	 :  center;
  border-right    	 :  solid 1px #292d38;
  padding-right   	 :  15px;
  margin-right    	 :  10px;

  -moz-box-shadow        :  1px 0px 0px 0px #434756;
  box-shadow             :  1px 0px 0px 0px #434756;
  -webkit-box-shadow     :  1px 0px 0px 0px #434756;
}

#Navigation li a.selected img
{
   border-right 	 :  solid 1px #ffffff;
}


#Siblings
{
  margin      		 :  15px 0px 0px 0px;
  padding                :  1px 0px 0px 0px;
  background  		 :  #3b3f4d;

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

#Siblings h1
{
  background             :  #1212aa;
  border-bottom     	 :  solid 1px #1212aa;
  margin                 :  0px 1px 1px 1px;

  -moz-box-shadow        :  0px 1px 2px 0px rgba(255, 255, 255, 0.2) inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow             :  0px 1px 2px 0px rgba(255, 255, 255, 0.2) inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow     :  0px 1px 2px 0px rgba(255, 255, 255, 0.2) inset, 0px 2px 2px 0px rgba(0, 0, 0, 0.3);

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

#Siblings a
{
  color        	  :  #ffffff;
  line-height  	  :  24px;

  display         :  block;
  padding      	  :  5px 10px 10px 20px;
  border-bottom   :  dotted 1px #292d38;
}

#Siblings a:last-child
{
  border  :  none;
}

.table a.sibling
{
  font-weight  :  normal !important;
  color        :  #1212aa !important;
}


/*************** Dashboard Stats  ******************/

#Stats
{
  float          :  right;
  width          :  430px;
  margin-bottom  :  30px;
  background     :  #ffffff;
}

#Stats a
{
  float   :  left;
  width   :  200px;
  height  :  100px;
  margin  :  0px 13px 17px 0px;
  border  :  solid 1px #7f7f7f;
}

#Stats a .title
{
  font-family  :  oswald, arial, sans-serif;		
  font-size    :  20px;
  color        :  #ffffff;
		
  text-align   :  left;
  height       :  4px;
  padding      :  7px 7px 21px 12px;
  margin       :  1px 0px 0px 0px;
  background   :  #3b3f4d;
  border-top   :  solid 2px #fd9288;
}

#Stats a .detail
{
  font-size  :  20px;
  color	     :  #000000;

  float	     :  left;
  width	     :  140px;
  height     :  45px;
  padding    :  21px 0px 0px 11px;
  overflow   :  hidden;
}

#Stats a img
{
  margin  :  12px 5px 0px 0px;
}


/*************** Dashboard Notices  ******************/

#Notices
{
  float       :  left;
  width       :  280px;
  height      :  220px;
  background  :  url('../images/noticeboard.jpg') no-repeat;
}

#Notices .notice
{
  padding-top  :  20px;
  text-align   :  center;
  color        :  #ffffff;
}

#Notices .notice h1
{
  color  :  #440202;
}

#Notices.notice span
{
  color    :  #440202;
  padding  :  20px;
}


/*************** Dashboard Events  ******************/

#Events
{
  overflow  :  hidden;
}

#Events .event 
{
  display   :  inline-block;
  position  :  relative;
  width     :  350px;
  height    :  300px;
}
      
#Events .event:first-child
{
  margin-right  :  20px;
}

#Events .title
{
  width       :  348px !important;
  text-align  :  center;
}

#Events .title h1
{
  font-size     : 38px;
  padding-top   : 90px;
}

#Events .title .category
{
  font-size              :  18px;
  color       		 :  #ffffff;
  text-align     	 :  center;
  
  position    		 :  absolute;
  bottom      		 :  0px;
  width       		 :  100%;
  padding     		 :  20px 0px;
  background  		 :  #434756;
  

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

#Events .title, #Events .details
{
  border          	 :  solid 1px #7f7f7f;

  -moz-border-radius     :  5px;
  border-radius          :  5px;
  -webkit-border-radius  :  5px;
}

#Events .details
{
  height   :  283px !important;
  width    :  318px !important;
  padding  :  15px 15px 0px 15px;
}


/*************** Dashboard Comments  ******************/

#Comments .comment
{
  background  :  #efefef;
}

#Comments .comment span
{
  font-size       :  16px; 
  color           :  #ffffff;
  text-transform  :  uppercase;
}

#Comments .comment .date
{
  font-size	  	 :  28px;
  font-weight   	 :  bold;
  color		  	 :  #ffffff;
  text-align    	 :  center;

  width         	 :  80px;
  height        	 :  65px;
  margin                 :  5px;
  padding       	 :  15px 0px 0px 0px;
  background   		 :  #1212aa;
  border        	 :  solid 3px #ffffff;

  -moz-border-radius     :  50%;
  border-radius          :  50%;
  -webkit-border-radius  :  50%;
}

#Comments .comment .title
{
  float    :  left;
  padding  :  10px 10px 10px 15px;
}


/*************** Tabs  ******************/

.tabs 
{
  margin   :  0px;
  padding  :  0px;
}

.tabs li
{
  float       :  left;
  list-style  :  none;
  width       :  151px;
}

.tabs input[type="radio"] 
{
  position  :  absolute;
  top       :  -9999px;
  left      :  -9999px;
}

.tabs label
{
  font-family     :  arial, verdana, sans-serif;	 
  font-size       :  14px !important;
  font-weight     :  normal;
  color           :  #ffffff;

  text-align      :  center;
  text-transform  :  uppercase;

  display         :  block;
  padding         :  14px 21px;
  border-top      :  solid 6px #ff604f;
  background      :  #ff604f;
  cursor          :  pointer;
   
}

.tabs .content
{
  font-size    :  17px;
  line-height  :  25px;

  display      :  none;
  position     :  absolute;
  top	       :  72px;
  left	       :  0px;
  margin       :  0px;
  padding      :  25px;
  background   :  #ffffff;
  overflow     :  hidden;
}

.content label
{
  font-size    :  14px !important;
  font-weight  :  bold;
  color        :  #3b3f4d !important;

  line-height  :  20px;

  display      :  flex;
  float        :  left;
  padding      :  0px 21px 14px 0px !important;
  border       :  none;  
  background   :  none !important;
}

.content label img
{
  margin-right  :  5px;
}

.tabs [id^="tab"]:checked + label 
{
  border-top  :  6px solid #3b3f4d;
}

.tabs [id^="tab"]:checked ~ [id^="content"] 
{
  display  :  block;
}


/*************** Accordian  ******************/

.accordian h3
{
  font-size     :  18px;
  padding-left  :  15px;
  line-height   :  40px;
}

.accordian h3 span
{
  background  :  none !important;
}

.accordian div
{
  padding  :  0px 10px 20px 10px !important;
}


/*************** Table  ******************/

.table 
{
  font-family		 :  arial, Helvetica, sans-serif;
  font-size		 :  13px;
  color			 :  #000;

  background		 :  #fafafa;

  -moz-box-shadow        :  0px 1px 2px #d1d1d1;
  box-shadow             :  0px 1px 2px #d1d1d1;
  -webkit-box-shadow     :  0px 1px 2px #d1d1d1;

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

.table th 
{
  padding        :  15px 14px 16px;
  border-top     :  1px solid #fafafa;
  border-bottom  :  1px solid #e0e0e0;
  background     :  #cccccc; 
}

.table th:first-child, .table tr, .table tr td:first-child
{
  text-align    :  left;
  padding-left  :  20px;
}

.table tr td 
{
  padding        :  13px;
  border-top     :  solid 1px #ffffff;
  border-bottom  :  solid 1px #e0e0e0;
  border-left    :  solid 1px #e0e0e0;
}