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

body
{   
  margin :  0px;
}

table
{
  border-collapse  :  collapse;
  border-spacing   :  0;
  table-layout     :  fixed;  
	
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #444444;

  text-align       :  justify;   
}

div
{
  position  :  relative;
  margin    :  0px;
}

form
{
  margin  :  0px;
}

input.button
{
  font-family     :  verdana;
  font-size       :  11px;
  font-weight     :  bold;
  color           :  #333333;
  
  text-align      :  center;

  width           :  70px;
  padding-top     :  2px;
  padding-bottom  :  2px;
}

input, select, textarea
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  11px;
  color        :  #808082;
}

select
{
   width  :  200px;
}
 
a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #4272ae;
   
  text-decoration  :  underline;
}
  
a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  color            :  #000000;
   
  text-decoration  :  none;
}

fieldset
{
  margin      :  10px;
  text-align  :  center;
}

fieldset form
{
   width    :  100%;
   padding  :  15px;
}

legend
{
  font-family     :  tahoma, helvetica, arial;
  font-size       :  22px;
  font-weight     :  normal;
  color           :  #003476;

  margin          :  0px 10px 0px 10px;
  padding         :  0px 10px 0px 10px;
  line-height     :  54px;
}

legend img
{
  margin-right  :  5px;
}

legend span
{
  font-family  :  verdana, arial, sans-serif;
  font-size    :  11px;
  color        :  #003476;
}

#Header
{
  height      :  100px;
  background  :  #ffffff;
}

#Menu
{
  background     :  #dddddd;
  padding-left   :  8px;
  border-top     :  solid 1px #05a0d6;  
  border-bottom  :  solid 2px #bbbbbb;  
}

#Menu a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  13px;
  font-weight      :  bold;
  color            :  #003476;

  text-decoration  :  none;
  line-height      :  25px;    
}
 
#Menu a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  13px;
  font-weight      :  bold;
  color            :  #333333;

  text-decoration  :  none;
  line-height      :  25px;      
}

#Footer
{
  font-family   :  verdana, arial, sans-serif;
  font-size     :  11px;
  color         :  #222222;

  line-height   :  25px;
  padding-left  :  5px;
  background    :  #d0d0d0;
  border-top    :  solid 2px #bbbbbb;
}

#Footer a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  font-weight      :  bold;
  color            :  #666666;
  
  text-decoration  :  none;
}
 
#Footer a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  11px;
  font-weight      :  bold;
  color            :  #4272ae;

  text-decoration  :  underline;
}

#Alert
{
  border-bottom  :  solid 2px #ffcd00;
  background     :  #f2edc2;
  padding        :  5px;
  
  font-family    :  tahoma, verdana, arial;
  font-size      :  13px;
  font-weight    :  bold;
  color          :  #444444;
}

#Error
{
  border-bottom  :  solid 2px #000000;
  background     :  #ec4444;
  padding        :  5px;
  
  font-family    :  tahoma, verdana, arial;
  font-size      :  13px;
  font-weight    :  bold;
  color          :  #ffffff;
}

#Note
{
  margin          :  40px 0px 30px 0px;
  border          :  solid 2px #888888;
  background      :  #fafafa;
  padding         :  50px;
  font-size       :  48px;
  color           :  #888888;
  letter-spacing  :  5px;
  text-align      :  center;
  line-height     :  60px;
}

fieldset h1
{
  font-family     :  verdana, arial, sans-serif;
  font-size       :  13px;
  font-weight     :  bold;
  color           :  #666666;

  margin          :  0px;
  padding         :  2px 0px 3px 5px;
  text-transform  :  capitalize;
  background      :  #cccccc;
}

fieldset h2
{
  font-family     :  verdana, arial, sans-serif;
  font-size       :  13px;
  font-weight     :  bold;
  color           :  #666666;

  text-align      :  left;
  margin          :  0px 0px 5px 0px;
  padding         :  0px;
  text-transform  :  capitalize;
  border-bottom   :  solid 2px #cccccc;
}

fieldset h3
{
  font-family     :  verdana, arial, sans-serif;
  font-size       :  13px;
  font-weight     :  bold;
  color           :  #666666;

  text-align      :  left;
  margin          :  0px 0px 5px 0px;
  padding         :  0px;
  text-transform  :  capitalize;
  border-bottom   :  solid 2px #999999;
}

#Help
{
  margin      :  10px;
  padding     :  20px;
  border      :  solid 1px #cccccc;
  background  :  #f9f9f9;
  text-align  :  left;
}

#Login
{
  width       :  380px;
  border      :  solid 1px #aaaaaa;
  margin      :  90px auto 103px auto;
  background  :  #f5f5f5;
  text-align  :  left;
}

#ForgotPassword
{
  width       :  400px;
  border      :  solid 1px #aaaaaa;
  margin      :  110px auto 115px auto;
  background  :  #f5f5f5;
  text-align  :  left;
}

#Home
{
  width   :  90%;
  margin  :  60px auto 100px auto;
}

#Home img
{
  margin-bottom  :  5px;
}

#Home a
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  13px;
  font-weight      :  bold;
  color            :  #4272ae;
   
  text-decoration  :  none;
}
  
#Home a:hover
{
  font-family      :  verdana, arial, sans-serif;
  font-size        :  13px;
  font-weight      :  bold;
  color            :  #000000;
   
  text-decoration  :  underline;
}

#Signup
{
  width       :  600px;
  border      :  solid 1px #aaaaaa;
  margin      :  25px auto 32px auto;
  background  :  #f5f5f5;
  text-align  :  left;
}

#Profile
{
  width       :  600px;
  border      :  solid 1px #aaaaaa;
  margin      :  25px auto 32px auto;
  background  :  #f5f5f5;
  text-align  :  left;
}

#Settings, #IntegrationCode
{
  width       :  80%;
  border      :  solid 1px #aaaaaa;
  margin      :  20px auto 20px auto;
  background  :  #f5f5f5;
  text-align  :  left;
}

div.block
{
  cursor       :  pointer;
  width        :  250px;
  border       :  solid 1px #aaaaaa;
  background   :  #f5f5f5;
  text-align   :  left;
  
  font-family  :  "trebuchet ms", geneva, sans-serif;
  font-size    :  17px;
}

div.block:hover, div.block2
{
  background  :  #dddddd;
  border      :  solid 1px #888888;
  
  cursor       :  pointer;
  width        :  250px;
  text-align   :  left;
  
  font-family  :  "trebuchet ms", geneva, sans-serif;
  font-size    :  17px;
}

#Categories
{
  width   :  90%;
  margin  :  145px auto 145px auto;
}

#EditCategory, #EditEvent
{
  width       :  80%;
  border      :  solid 1px #aaaaaa;
  margin      :  20px auto 30px auto;
  background  :  #f5f5f5;
  text-align  :  left;
}

#ViewCategories, #SelectCategories, #ViewEvents
{
  width   :  95%;
  margin  :  20px auto 20px auto;
}

#ViewCategories table, #SelectCategories table, #Subscription table, #ViewEvents table
{
  border  :  solid 1px #cccccc;
}

#ViewCategories .title, #SelectCategories .title, #ViewEvents .title
{
  font-size    :  13px;
  font-weight  :  bold;
  padding      :  4px 5px 4px 5px;
}

#Subscription
{
  width       :  90%;
  margin      :  20px auto 20px auto;
  text-align  :  left;
}