/**
 *CapSool project basic CSS stylesheet
 */
/** ======================================================================= **/
*{
  margin:  0;
  padding: 0;
  
  z-index: 10;
 }
/** ======================================================================= **/
a, a:link{
  text-decoration: none;
}

a:visited{
 text-decoration: none;
}

a:hover, a:active, a:focus{
  text-decoration: underline;
}

a img{
  border: none;
}

a.HoverWhite:active,
a.HoverWhite:focus,
a.HoverWhite:hover,
a.HoverWhite:active span.ExplanationLinkHandle,
a.HoverWhite:focus  span.ExplanationLinkHandle,
a.HoverWhite:hover  span.ExplanationLinkHandle{
  text-decoration: none;
  color: #ffffff;
}

/** ======================================================================= **/
body,
body.tundra{
  
  width:  auto;
  height: 100%;
  
  min-height: 100%;
  
  color: #000000;
  
  background-image:  url("../graphics/img/background.png");
  background-repeat: repeat-x;
  background-attachment: scroll;
  
  background-color: #d7eefc;
  
  font-size:   10pt;
  font-weight: normal;
  font-family: "GILL SANS", Helvetica, Arial, sans-serif, "Microsoft Sans Serif", "MS Sans Serif";
  font-style:  normal;
  font-variant: normal;
  
  /*overflow: scroll;*/
}
input{
  font-size:   10pt;
  font-weight: normal;
  font-family: "GILL SANS", Helvetica, Arial, sans-serif, "Microsoft Sans Serif";
  font-style:  normal;
  font-variant: normal;
  
  color: #000000
}
/** ======================================================================= **/
form, form.Grey{
  
  margin:        0px;
  margin-top:    5px;
  margin-bottom: 5px;
  
  padding-bottom: 5px;
  
  background-color: transparent;
  
  border: none;
}

form.Grey{
  background-color: #f3f3f3;
  
  border: 1px solid #f3f3f3;
}

form fieldset, form.Grey fieldset{
  border: 1px solid #f3f3f3;
}

form fieldset legend,      form fieldset legend.Black,
form.Grey fieldset legend, form.Grey fieldset legend.Black{
  
  color: #000000;
  
  background-color: #f3f3f3;
  
  margin-bottom: 0.5em;
  
  padding:      0.25em;
  padding-left: 0.5em;
  
  font-weight: bold;
  
}

form fieldset legend.Black, form.Grey fieldset legend.Black{
  color: #000000;
}

form fieldset.ThickGrey{
   border: 2px solid #e0e0e0;
}


form input, form select, form textarea{
  padding: 2px;
  
  margin: 2px;
}

form hr, form.Grey hr{
  width: 100%;
  
  border: none;
  border-top: 1px solid #CCCCCC;
  
  color: #CCCCCC;
  background-color: #CCCCCC;
}

form hr.middle, form.Grey hr.middle{
  width: 80%;
  
  margin-left: 10%;
  
  border: none;
  border-top: 1px solid #CCCCCC;
  
  color: #CCCCCC;
  background-color: #CCCCCC;
}

form .full{
  width: 97%;
}

form .half{
  width: 50%;
}

form table tbody tr td input, div input, p input{
  vertical-align: top; /** baseline; **/
  text-align:     left;
}

form table tbody tr td input.radio, div input.radio, p input.radio{
  width:  15px;
  height: 15px;
  vertical-align: bottom;
  text-align: center;
  
  margin:  0;
  padding: 0;
}

form table tbody tr td input.tick, div input.tick, p input.tick{
  width:  15px;
  height: 15px;
  vertical-align: bottom;
  text-align: center;
}

form table tbody tr td select, div select, p select{
  vertical-align: top; /** baseline; **/
  text-align:     left;
}

/** ======================================================================= **/
h1,h2,h3,h4,h5,h6{
  
  width: auto;
  
  margin-left: 5px;
  
  margin-top:    0.5em;
  margin-bottom: 0.5em;
}


h1{
  font-size: 16pt;
  font-weight: bold;
}

h1 span.Grey{
  color: #828282;
  
  font-size:   13pt;
  font-weight: normal;
}

h2{ }

h3{ }

/** ======================================================================= **/

hr.White{
  border: 1px solid #ffffff;
  width: 100%;
}

/** ======================================================================= **/
iframe.IframeBox{
  margin:  5px;
  padding: 0;
  
  border: 2px solid #F0F0F0;
}
/** ======================================================================= **/
.ButtonType, a.ButtonType, span.ButtonType{
  color:            #FFFFFF;
  background-color: #000000;
  
  border:      2px solid #6f6f65;
  border-top:  2px solid #e8e9d9;
  border-left: 2px solid #e8e9d9;
  
  cursor: pointer;
  
  font-size:  9pt;
  font-weight: bold;
  
  text-align: center;
  vertical-align: middle;
  
  margin:  0px;
  
  padding:       1px;
  padding-left:  5px;
  padding-right: 5px;
  
  text-decoration: none;
}

.ButtonType h1,
.ButtonType h1 a,
.ButtonType h1 a:link,
.ButtonType h1 a:visited,
.ButtonType h1 a:hover, .ButtonType h1 a:active, .ButtonType h1 a:focus{
  color: #FFFFFF;
  margin:  0;
  padding: 2px;
  
  font-size: 9pt;
  text-decoration: none;
}


.ButtonTypeDeprecated{
  border: 2px solid #FF0000;
  
  font-size: 9pt;
  
  padding: 2px;
}

.ButtonTypeDeprecated h1{
  font-size: 9pt;
  
  color:  #FFFFFF;
}

.ButtonTypeDisabled{
  color:            #FFFFFF;
  background-color: #999999;
  
  border: 2px solid #6f6f65;
  
  cursor: pointer;
  
  padding: 2px;
  
  font-size: 9pt;
  font-weight: bold;
  
  text-align: center;
}

.ButtonTypeDisabled h1{
  font-size: 9pt;
  
  color:  #FFFFFF;
}
  


img.ButtonType{
  background-color: transparent;
  cursor: pointer;
  border: none;
  
  text-align: center;
}



img.DatePicker{
  background-color: transparent;
  cursor: pointer;
  border: none;
}

img.PreviewImage{
  padding: 0px;
  border:  1px solid #000000;
}

img.SiteEventCapsoolImage{
  padding: 1px;
  border:  1px solid #000000;
}
/** ======================================================================= **/
p{
  width: auto;
  
  margin-top:    0.75em;
  margin-bottom: 0.75em;
  
  padding-left:  5px;
  padding-right: 5px;
  
  line-height: 1.5em;
}

p a{
  text-decoration: underline;
}

/** ======================================================================= **/
table{
  text-align: left;
  
  margin-left:   auto;
  margin-right:  auto;
  margin-bottom: 0.5em;
  
  border: none;
}

table caption{
  
  margin-left:  auto;
  margin-right: auto;
  
  font-weight: bold;
  
  background-color: transparent;
}

table tbody tr.ExtraSpace td{
  
  padding-top:    0.25em;
  padding-bottom: 0.25em;
  
}


table thead{
  background-color: transparent;
}

table thead tr th{
  font-weight: normal;
  
  text-align: left;
}

table tfoot{
  text-align: center;
  
  font-weight: bold;
  
  background-color: #FFFFFF;
}

table tr{
}

table tr.A{
  background-color: #888888;
}

table tr.B{
  background-color: #8888ff;
  
  vertical-align: middle;
}

table tr.C{
  background-color: #ff8888;
}

table tr.Grey{
  background-color: #F0F0F0;
}

table tr.White{
  background-color: #FFFFFF;
}


table tr td{
  vertical-align: top;
}

table tr td.L{
  width: 32%;
  
  margin-right: 0.5%;
  
  padding-right: 4%;
  
  text-align: right;
}

table tr td.R{
  width: 62%;
  
  margin-left: 0.5%;
  
  text-align: left;
}

table tr td.LL{
  width: 19%;
  
  margin-right: 0.5%;
  
  padding-right: 4%;
  
  text-align: right;
}

table tr td.RR{
  width: 75%;
  
  margin-left: 0.5%;
  
  text-align: left;
}


table tr td.P{
  width: 65%;
  
  margin-right: 0.5%;
  
  text-align: right;
}

table tr td.Q{
  width: 33%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.Half{
  width: 50%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.Quarter{
  width: 25%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.Fifth{
  width: 12%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.Eighth{
  width: 12%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.P90{
  width: 89.5%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.P85{
  width: 84.5%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.P80{
  width: 79.5%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.P70{
  width: 69.5%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.P66{
  width: 65.5%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.P60{
  width: 59.5%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.P50,
table thead tr th.P50{
  width: 49.5%;
  
  margin-right: 0.5%;
  
  text-align: left;
}


table tr td.P40{
  width: 40%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.P33{
  width: 32.5%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.P30,
table thead tr th.P30{
  width: 29.5%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.P25{
  width: 24.5%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.P20,
table thead tr th.P20{
  width: 19.5%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.P15{
  width: 14.5%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.P12{
  width: 11.5%;
  
  margin-right: 0.5%;
  
  text-align: left;
}

table tr td.Centered{
  vertical-align: middle;
  
  text-align: center;
}

table.Left{
  margin-left: 0;
}

table.wide, table.wide caption{
  width: 97%;
  
  margin-left:  0px;
  margin-right: 1%;
}
/** ======================================================================= **/
ol{
  margin: 0.5em;
  
  margin-left: 5px;
  
  list-style-position: inside;
}

ul{
  list-style-image: url("../graphics/img/list_marker.gif");
  
  list-style-position: inside;
  
  margin:       5px;
  margin-left: 10px;
}

/** ======================================================================= **/
div.OverlayMask{
  
  position: fixed;
  
  left: 0;
  top:  0;
  
  z-index: 1;
  
  width:  1000px;
  height: 1000px;
  
  background: url('../graphics/img/overlaymaskbackground.gif') repeat;
}

div.OverlayMask div.Message{
  
  position: fixed;
  
  left: 40%;
  top:  40%;
  
  border: 2px solid #888888;
  
  background-color: #DDDDDD;
  color: #000000;
  
  margin:  0;
  padding: 5px;
}
/** ======================================================================= **/
div.Barrier{
  clear: both;
  
  margin: 0;
  padding: 0;
  
  margin-top: 1px;
  
  height: 1px;
  line-height: 1px;
}
/** ======================================================================= **/
div.BlueBar{
  width: 100%;
  
  color: #ffffff;
  background-color: #0062B3;
  
  border: 1px solid #0062B3;
}

div.BlueBar h3{
  
  font-weight: bold;
  
  color: #ffffff;
  background-color: #0062B3;
  
  padding: 10px;
}

/** ======================================================================= **/
/** ======================================================================= **/
div.Notice{
  width:  500px;
  height: auto;
  
  font-weight: normal;
  font-size:   9pt;
  
  z-index: 20;
  
  color: #ffffff;
  
  margin:  0;
  padding: 1px;
  
  margin-left:  auto;
  margin-right: auto;
}

div.Notice table{
  width:  500px;
  
  border: none;
  border-collapse: collapse;
  
  color: #ffffff;
  background-color: #343434;
  
  z-index: 20;
}

div.Notice table tbody, div.Notice table tbody tr{
  width:  500px;
  border: none;
  
  border-collapse: collapse;
}

div.Notice table tbody tr td{
  text-align: center;
  vertical-align: middle;
}

div.Notice table tbody tr td img.Icon{
  display: inline;
  width:  24px;
  height: 24px;
}


/** Error message **/
div.Notice table.Error{
  border: 3px solid #f50002;
}

div.Notice table.Error tbody{
  border: none;
}

/** Info message **/
div.Notice table.Info{
  border: 3px solid #89B723;
}

div.Notice table.Info tbody{
  border: none;
}

div.Notice table.Info tbody tr td{
  color: #89B723;
}

/** Warning message **/
div.Notice table.Warn{
  border: 3px solid #ffb517;
}

div.Notice table.Warn tbody{
  border: none;
}

div.OverlayNotice{
  
  position: fixed;
  
  left: 0;
  top:  0;
  
  z-index: 15;
  
  width:  100%;
  height: 100%;
  
  background: url('../graphics/img/overlaymaskbackground.gif') repeat;
  
  /* opacity: 0.8; */
}

div.OverlayNotice div.Notice{
  position: fixed;
  
  left: 33%;
  top:  33%;
}

div.OverlayNotice div.Notice table tbody tr td.Payload{
}

div.OverlayNotice div.Notice table tbody tr td.Payload img{
  width: 56px;
  height: 20px;
}

/** ======================================================================== **/

div.ViewPort{
  width: auto;
  
  background-color: transparent;
  background-image:  url("../graphics/img/banner/tile.png");
  background-repeat: repeat-x;
}

div.ViewPort div.Island{
  
  width: auto;
  height: 150px;
  background-image:  url("../graphics/img/island_tile.png");
  
  margin: 0;
  padding: 0;
  
  margin-top: 15px;
}
div.ViewPort div.Island div.Payload{
  width:  700px;
  height: 150px;
  background-image:  url("../graphics/img/island.png");
    
  margin: 0;
  padding: 0;
  
  margin-left: auto;
  margin-right: auto;
}
 
div.ViewPort div.PageFooter{
  
  margin: 0;
  
  padding: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  
  clear: both;
  
  width: 100%;
  height: auto;
  
  min-height: 200px;
  
  text-align: center;
  
  color: #cdcdcd;
  background-color: #222222;
  
  font-size: 14px; 
}

div.ViewPort div.PageFooter p{
  
  padding: 0;
  
  text-align: center;
  
  padding: 0;
  padding-top:    30px;
  padding-bottom: 30px;
}

div.ViewPort div.PageFooter p a{
  color: #cdcdcd;
  
  padding-left:  10px;
  padding-right: 10px;
}

/** ======================================================================== **/

div.Page{
  
  width: 1000px;
  height: 100%;
  
  margin-top:    0px;
  margin-bottom: 0px;
  margin-left:  auto;
  margin-right: auto;
  
  min-height: 100%;
  
  background-color: transparent;
}
/** ======================================================================= **/
div.Page div.PageCenter{
  
  width: 1000px;
  height: auto;
  
  min-height: 350px;
  
  margin:       0;
  margin-left:  auto;
  margin-right: auto;
  margin-top:   2px;
  
  padding: 0;
  padding-top:     1px;
  padding-bottom:  0px;
  
  background-color:  transparent;
  
  border: none;
}
/** ======================================================================= **/
div.Page div.PageCenter div.MiddleBar{
  
  background-color: transparent;
  
  width:  960px;
  height: auto;
  
  min-height: 350px;
  
  margin-left: 10px;
  
  border: none;
}

div.Page div.PageCenter div.MiddleBar div.MiddleBarContent{
  
  background-color: #161d1f;
  color:            #ffffff;
  
  width:  100%;
  height: auto;
  
  min-height: 350px;
  
  margin:  0;
  padding: 0;
  
  padding: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
  
  border: 1px solid #161d1f;
}

div.Page div.PageCenter div.MiddleBar div.MiddleBarContent *{
  opacity: 1.0 !important;
}

div.Page div.PageCenter div.MiddleBar div.MiddleBarContent a{
  color: #ffffff;
}
div.Page div.PageCenter div.MiddleBar div.MiddleBarContent a:hover,
div.Page div.PageCenter div.MiddleBar div.MiddleBarContent a:active,
div.Page div.PageCenter div.MiddleBar div.MiddleBarContent a:focus{
  color: #ffffff;
  text-decoration: none;
}

div.Page div.PageCenter div.MiddleBar div.MiddleBarContent span.Hover:hover,
div.Page div.PageCenter div.MiddleBar div.MiddleBarContent span.Hover:active,
div.Page div.PageCenter div.MiddleBar div.MiddleBarContent span.Hover:focus{
  color: #ffffff;
  text-decoration: none;
}

/** ======================================================================= **/
div.Page div.PageHeader{
  
  width:  1000px;
  height:  auto;
  
  margin-bottom: 0px;
  margin-left:  auto;
  margin-right: auto;
}

/** logged in case ========================================================= **/
div.Page div.PageHeader div.FindBox{
  float: right;
  clear: none;
  
  width: 326px;
  height: 96px;
  
  margin: 0;
  padding: 0;
  
  margin-top:  10px;
  margin-right: 10px;
  
  background-color: transparent;
  background-image:  url("../graphics/img/find_background.png");
  background-repeat: no-repeat;
}

div.Page div.PageHeader div.FindBox form.FindBox_SearchForm{
  
  width: 310px;
  height: 80px;
  
  margin:   0;
  padding: 8px;
}

div.Page div.PageHeader div.FindBox form.FindBox_SearchForm div.SelectBox{
  
  float: right;
  
  background-color: transparent;
  margin-bottom: 6px;
  
  width: 150px;
  
  margin-right: 10px;
}

div.Page div.PageHeader div.FindBox form.FindBox_SearchForm div.SelectBox div.SelectBoxContent{
  
  background-color: #ffffff;
  
  padding: 5px;
}

div.Page div.PageHeader div.FindBox form.FindBox_SearchForm div.SelectBox div.SelectBoxContent select{
  border: none;
  
  width: 95%;
  
  margin:  0;
  padding: 0;
}

div.Page div.PageHeader div.FindBox form.FindBox_SearchForm table{
  background-color: white;
  width: 280px;
  
  margin: 0;
  margin-left: 10px;
  
  padding: 5px;
}

div.Page div.PageHeader div.FindBox form.FindBox_SearchForm table tbody tr td{
  vertical-align: middle;
  
  width: 245px;
}

div.Page div.PageHeader div.FindBox form.FindBox_SearchForm table tbody tr td.Submit{
  width: 25px;
  border-left: 2px dotted #b1db71;
  padding-left: 5px;
}

div.Page div.PageHeader div.FindBox form.FindBox_SearchForm table tbody tr td div.Xenomorph_InputAndPrompt{
  margin:  0;
  padding: 0;
}

div.Page div.PageHeader div.FindBox form.FindBox_SearchForm table tbody tr td input{
  border: none;
  width: 95%;
}

div.Page div.PageHeader div.LoggedIn{
  
  width:  1000px;
  height:  auto;
  
  background-color: transparent;
}

div.Page div.PageHeader div.LoggedIn div.Banner{
  
  width: 100%;
  height: 40px;
  
  margin:  0;
  
  padding: 0;
  
  background-color: #000000;
}

div.Page div.PageHeader div.LoggedIn div.Banner a.Logo,
div.Page div.PageHeader div.LoggedIn div.Banner a.Logo img{
  display: block;
  clear: none;
  
  margin:  0;
  padding: 0;
  
  height:  40px;
  width:  131px;
}

div.Page div.PageHeader div.StatusBox{
  
  float: left;
  clear: none;
  
  width: 645px;
  height: 90px;
  
  margin-top:  10px;
  margin-left: 10px;
}

div.Page div.PageHeader div.StatusBox div.Upper{
  background-color: transparent;
  
  margin:  0;
  padding: 0;
}

div.Page div.PageHeader div.StatusBox div.Upper div.UpperContent{
  background-color: #000000;
  color: #ffffff;
  
  height: 33px;
  
  margin:  0;
  padding: 0;
  
  padding: 1px;
  padding-top: 9px;
  
  border: 1px solid #000000;
}

div.Page div.PageHeader div.StatusBox div.Upper div.UpperContent table{
  margin:  0;
  padding: 0;
  
  margin-left: 5px;
}

div.Page div.PageHeader div.StatusBox div.Upper div.UpperContent table tbody tr td{
  vertical-align: middle;
}

div.Page div.PageHeader div.StatusBox div.Lower{
  background-color: transparent;
  
  margin:  0;
  padding: 0;
}

div.Page div.PageHeader div.StatusBox div.Lower div.LowerContent{
  background-color: #4d7282;
  color: #ffffff;
  
  height: 35px;
  
  margin:  0;
  padding: 0;
  
  padding: 1px;
  padding-bottom: 9px;
  
  border: 1px solid #4d7282;
}

div.Page div.PageHeader div.StatusBox div.Lower div.LowerContent p{
  margin:  0;
  padding: 0;
  
  margin-left: 5px;
  margin-top: 10px;
}

/** Checkout Universe **/
div.Page div.PageHeader div.CheckOutCapsoolUniverse{
  display: block;
  
  position: absolute;
  right: 5px;
  top:  45px;
  
  width: 106px;
  height: 60px;
}

div.Page div.PageHeader div.CheckOutCapsoolUniverse img{
  display: block;
}

/** Universe **/
div.Page div.PageHeader div.Universe{
  display: block;
  
  position: absolute;
  right: 0px;
  top:   0px;
  
  width:  53px;
  height: 60px;
}

div.Page div.PageHeader div.Universe img.Tab1{
  display: block;
  visibility: visible;
  
  width:  53px;
  height: 60px;
  line-height: 60px;
}
div.Page div.PageHeader div.Universe img.Tab2{
  
  display: none;
  visibility: hidden;
  
  width:  53px;
  height: 60px;
  line-height: 60px;
}

div.Page div.PageHeader div.Universe:hover img.Tab1{
  display: none;
  visibility: hidden;
}
div.Page div.PageHeader div.Universe:hover img.Tab2{
  display: block;
  visibility: visible;
}

/** No logged in case ====================================================== **/

div.Page div.PageHeader div.NotLoggedIn{
  
  width:  1000px;
  height:  120px;
}

div.Page div.PageHeader div.NotLoggedIn div.StatusBar{
  
  clear: both;
  
  position: relative;
  left: 0;
  top:  0;
  
  width: auto;
  height: 70px;
  
  z-index: 9;
}

div.Page div.PageHeader div.NotLoggedIn div.StatusBar div.Banner{
  
  display: block;
  clear:   none;
  float:   left;
  
  width:  auto;
  height: auto;

  margin-top:  10px;
  margin-left: 10px;
  
  margin:  0;
  
  padding: 1px;
  padding-top: 5px;
  
  background-color: transparent;
}

div.Page div.PageHeader div.NotLoggedIn div.StatusBar div.Banner a.Logo{
  display: block;
  
  width:  294px;
  height:  64px;
}

div.Page div.PageHeader div.NotLoggedIn div.StatusBar div.LoginBox{
  
  display: block;
  
  position: absolute;
  left: 565px;
  top:  -40px;
  
  width:  315px;
  height: 113px;
  
  margin:  0;
  padding: 0;
  
  border: 1px solid transparent;
  
  z-index: 200;
}

div.Page div.PageHeader div.NotLoggedIn div.StatusBar div.LoginBox form{
  
  color: #ffffff;
  
  background: url('../graphics/img/banner/signin_back.png') no-repeat;
  
  width:  315px;
  height: 113px;
  
  margin: 0;
  
  padding: 1px;
}
div.Page div.PageHeader div.NotLoggedIn div.StatusBar div.LoginBox form table{
  
  width: 80%;
 
  margin-top: 30px;
  margin-left: 10%;
  margin-bottom: 0;
}

div.Page div.PageHeader div.NotLoggedIn div.StatusBar div.LoginBox form p{
  
  position: relative;
  left: 0;
  top: -10px;
  
  margin: 0;
  margin-left: 10px;
  
  padding: 0;
  color: #ffffff;
  font-size: smaller;
  font-style: italic;
  
  padding-left: 10%;
}
div.Page div.PageHeader div.NotLoggedIn div.StatusBar div.LoginBox form p a{
  color: #ffffff;
  text-decoration: none;
}

/** ======================================================================= **/
/** Avatar display settings **/
div.Avatar{
  
  display: inline;
  /*
  width:  34px;
  height: 34px;
  */
  cursor: inherit;
}

div.Avatar img{
  display: block;
  /*
  width:  32px;
  height: 32px;
  */
  padding: 1px;
  margin:  0;
  
  border: none;
  
  cursor: inherit;
}
/** ======================================================================= **/
div.Pagination{
  width: 98%;
  
  border: 2px solid #aaaaaa;
  
  background-color: #E6E6FA;
  
  margin-left:   1%;
  margin-top:    0.5em;
  margin-bottom: 0.5em;
}

div.Pagination div.L{
  
  display: block;
  
  float: left;
  clear: none;
  
  font-weight: normal;
  
  text-align: left;
}

div.Pagination div.R{
  display: block;
  
  float: right;
  clear: none;
  
  font-weight: normal;
  
  text-align: right;
}

/** ======================================================================= **/
/** Two column layout **/
div.TwoColumn{
  
  width: 99.5%;
  
  background-color: transparent;
}

div.TwoColumn div.LeftColumn{
  
  display: block;
  clear:   none;
  float:   left;
  
  width: 49%;
  
  margin-left:  0;
  margin-right: 0.5%;
  
  background-color: transparent;
}

div.TwoColumn div.RightColumn{
  
  display: block;
  clear:   none;
  float:   right;
  
  width: 49%;
  
  margin-left:  0.5%;
  margin-right: 0;
  
  background-color: transparent;
}

/** ======================================================================= **/
.ThumbnailConstraint{
  max-width:  125px;
  max-height: 125px;
  
  margin:  1px;
  padding: 0;
  
  border: none;
}

.ThumbnailConstraint img{
  max-width:  125px;
  max-height: 125px;
  
  margin:  1px;
  padding: 0;
  
  border: none;
}

.ItermediateImageConstraint{
  max-width:  400px;
  max-height: 400px;
  
  margin:  1px;
  padding: 0;
  
  border: none;
}

.ItermediateImageConstraint img{
  max-width:  400px;
  max-height: 400px;
  
  margin:  1px;
  padding: 0;
  
  border: none;
}

/** ======================================================================= **/

div.Centered{
  margin-left:  auto;
  margin-right: auto;
  
  text-align: center;
}

div.FlashBox{
  /** overflow: auto; 
  
  background-color: #f9f9f9;
  
  border: 1px solid #CCCCCC;
  **/
  
  margin-bottom: 1em;
}

div.Gap{
  display: block;
  margin-left: 280px;
}

div.Gap2{
  display: block;
  margin-left: 160px;
}

div.GoogleMapBox{
  width:  990px;
  height: 400px;
  
  margin-left:  2px;
  margin-right: auto;
  
  
}

div.OverlayInCorner{
  
  margin:  0;
  padding: 0;
  
  width: 8em;
  
  z-index: 20;
}

div.RaisedUp{
  
  display: block;
  
  position: relative;
  left: 0;
  top: -120px;
  
  z-index: 25;
  
  background-color: #FFFFFF;
  
  width: 8em;
}

div.Scrollable{
  overflow: auto;
  
  margin-bottom: 1em;
  
  background-color: #f9f9f9;
  
  border: 1px solid #CCCCCC;
}

div.SizeOneThird{
  
  width: 333px;
}

div.SizeOneThirdCentered{
  
  width: 333px;
  
  margin-left: 33%;
}

div.SizeTwoThirds{
  
  width: 666px;
}

div.SizeTwoThirdsCentered{
  
  width: 666px;
  
  margin-left: 166px;
}

div.SizeThreeQuarters{
  
  width: 750px;
}

div.SizeThreeQuartersCentered{
  
  width: 750px;
  
  margin-left: 125px;
}

.VerticalBar{
  
  width:  3px;
  height: 95%;
  
  margin: 0;
  margin-top:    2%;
  margin-bottom: 2%;
  margin-left:   1em;
  margin-right:  1em;
  
  padding: 0;
  
  border: none;
  border-left: 2px solid #F0F0F0;
}

/** ======================================================================= **/
div.Left{
  
  display: block;
  clear:   none;
  float:   left;
}

div.Right{
  
  display: block;
  clear:   none;
  float:   right;
}
/** ======================================================================= **/

hr.Blue{
  
  width: 100%;
  
  clear: both;
  
  border: none;
  border-bottom: 1px solid #4FB8FF;
}

.GreyBackground{
  background: #f3f3f3;
  color: #000000;
  
  width: 100%;
  
  border: 1px solid #e0e0e0;
}

.GreyBackground table caption, .GreyBackground table thead{
  background: #f3f3f3;
}

.GreyBackground2{
  background-color: #f5f5f5 !important;
}

.BlackBackground{
  
  width:  100%;
  height: auto;
  
  background: #000000;
  color:      #ffffff;
  
  border: 1px solid #000000;
}

.BlackBackground a{
  color: #ffffff;
}

.BlackBackground .ButtonType{
  background: #ffffff;
  color:      #000000;
}



.BlackBackground .ButtonType h1, .BlackBackground .ButtonType h1 a{
  color: #000000;
}

.HighLight{
  
  width:  auto;
  height: auto;
  
  border: 2px solid #FF0000;
  background-color: #DDDDDD;
  color: #FF5555;
  
  font-weight: bold;
  
  margin:  0;
  padding: 4px;
}

.Transparent{
  background-color: transparent;
  border: none;
}

span.Grey{
  color: #828282;
  
  vertical-align: middle;
}

span.Blue{
  color: #4fb8ff;
  font-size : 12px;       /* <============================================== */
  vertical-align: middle;
}

span.Blue2{
  color: #0066cc;
}

.Bold{   font-weight: bold;   }
.NoBold{ font-weight: normal; }

.Blue{
  color: #4FB8FF;
}
a.Blue,
a.Blue:link,
a.Blue:visited{
 color: #4FB8FF;
 text-decoration: none;
}
a.Blue:hover,
a.Blue:active,
a.Blue:focus{
  color: #4FB8FF;
  text-decoration: underline;
}

.BackgroundColourBlack{  background-color: #000000 !important; }
.BackgroundColourBlue{        background-color: #0062B3 !important; }
.BackgroundColourBlueLight{   background-color: #d5e7f4 !important; }
.BackgroundColourCapsoolGreen{  background-color: #78C008 !important; }
.BackgroundColourCapsoolGreen2{ background-color: #bf218b !important; }
.BackgroundColourCapsoolGreen3{ background-color: #97cf41 !important; }
.BackgroundColourCapsoolGreenLight{ background-color: #deecc6 !important; }
.BackgroundColourRed{    background-color: #ff0000;  }
.BackgroundColourWhite{  background-color: #ffffff;  }
.BackgroundColourYellow{ background-color: yellow; }

.BackgroundColour_transparent{ background-color: transparent !important; }

.BackgroundColour_0062b3{ background-color: #0062b3 !important; }
.BackgroundColour_142f43{ background-color: #142f43 !important; }
.BackgroundColour_333333{ background-color: #333333 !important; }
.BackgroundColour_363636{ background-color: #363636 !important; }
.BackgroundColour_3f3f3f{ background-color: #3f3f3f !important; }
.BackgroundColour_464a4d{ background-color: #464a4d !important; }
.BackgroundColour_87b92b{ background-color: #87b92b !important; }
.BackgroundColour_d5e7f4{ background-color: #d5e7f4 !important; }
.BackgroundColour_dae8f5{ background-color: #dae8f5 !important; }
.BackgroundColour_defcb4{ background-color: #defcb4 !important; }
.BackgroundColour_ecffec{ background-color: #ecffec !important; }
.BackgroundColour_e5e9ec{ background-color: #e5e9ec !important; }
.BackgroundColour_f2f7fb{ background-color: #f2f7fb !important; }
.BackgroundColour_f3f3f3{ background-color: #f3f3f3 !important; }
.BackgroundColour_f3f7fd{ background-color: #f3f7fd !important; }
.BackgroundColour_f3f8e9{ background-color: #f3f8e9 !important; }
.BackgroundColour_ffffff{ background-color: #ffffff !important; }

.BorderNone{ border: none !important; }
.BorderNoneBottom{ border-bottom: none !important; }
.BorderNoneLeft{   border-left:   none !important; }
.BorderNoneRight{  border-right:  none !important; }
.BorderNoneTop{    border-top:    none !important; }
.BorderBlack{ border: 1px solid #000000 !important; }
.BorderBlue{   border: 1px solid #0000ff !important; }
.BorderBlueLight{   border: 1px solid #d5e7f4 !important; }
.BorderGrey{  border: 2px solid #dbdcdc !important; }
.BorderGreen{     border: 1px solid #00ff00 !important; }
.BorderGreenLight{ border: 2px solid #deecc6 !important; }
.BorderRed{ border: 1px solid #ff0000 !important; }
.BorderRedThick{ border: 3px solid #ff0000 !important; }

.BorderLeftC_01px_78c008{  border-left: 1px solid #78c008; border-right: none;            border-top: 1px solid #78c008; border-bottom: 1px solid #78c008; }
.BorderRightC_01px_78c008{ border-left: none;            border-right: 1px solid #78c008; border-top: 1px solid #78c008; border-bottom: 1px solid #78c008; }

.Border01px_333333{ border: 1px solid #333333; }
.Border01px_363636{ border: 1px solid #363636; }
.Border01px_464a4d{ border: 1px solid #464a4d; }

.BorderColour_0000ff{ border-color: #0000ff !important; }
.BorderColour_0062b3{ border-color: #0062b3 !important; }
.BorderColour_0163b3{ border-color: #0163b3 !important; }
.BorderColour_175e96{ border-color: #175e96 !important; }
.BorderColour_78c008{ border-color: #78c008 !important; }
.BorderColour_828282{ border-color: #828282 !important; }
.BorderColour_82ff82{ border-color: #82ff82 !important; }
.BorderColour_89bb2a{ border-color: #89bb2a !important; }
.BorderColour_91bd2d{ border-color: #91bd2d !important; }
.BorderColour_bbd8fb{ border-color: #bbd8fb !important; }
.BorderColour_c1e3ff{ border-color: #c1e3ff !important; }
.BorderColour_c5ced7{ border-color: #c5ced7 !important; }
.BorderColour_dbdcdc{ border-color: #dbdcdc !important; }
.BorderColour_ffffff{ border-color: #ffffff !important; }

.BorderStyle_dotted{ border-style: dotted !important; }
.BorderStyle_solid{  border-style: solid  !important; }

.BorderWidth_01px{ border-width: 1px !important; }
.BorderWidth_02px{ border-width: 2px !important; }
.BorderWidth_03px{ border-width: 3px !important; }
.BorderWidth_04px{ border-width: 4px !important; }
.BorderWidth_05px{ border-width: 5px !important; }
.BorderWidth_06px{ border-width: 6px !important; }

.BorderCollapse_Collapse{ border-collapse: collapse !important; }

.BorderRadius04{ border-radius:  4px; -moz-border-radius:  4px; -webkit-border-radius:  4px; }
.BorderRadius05{ border-radius:  5px; -moz-border-radius:  5px; -webkit-border-radius:  5px; }
.BorderRadius09{ border-radius:  9px; -moz-border-radius:  9px; -webkit-border-radius:  9px; }

.BorderRadius_Bottom_04{
  border-bottom-right-radius: 4px;
  border-bottom-left-radius:  4px;
  
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft:  4px;
  
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius:  4px;
}

.BorderRadius_Bottom_05{
  border-bottom-right-radius: 5px;
  border-bottom-left-radius:  5px;
  
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft:  5px;
  
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius:  5px;
}

.BorderRadius_Bottom_09{
  border-bottom-right-radius: 9px;
  border-bottom-left-radius:  9px;
  
  -moz-border-radius-bottomright: 9px;
  -moz-border-radius-bottomleft:  9px;
  
  -webkit-border-bottom-right-radius: 9px;
  -webkit-border-bottom-left-radius:  9px;
}

.BorderRadius_Left_05{
  border-top-left-radius: 5px;
  border-bottom-left-radius:  5px;
  
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft:  5px;
  
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius:  5px;
}

.BorderRadius_Right_05{
  border-top-right-radius: 5px;
  border-bottom-right-radius:  5px;
  
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright:  5px;
  
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius:  5px;
}

.BorderRadius_Top_04{
  border-top-right-radius: 4px;
  border-top-left-radius:  4px;
  
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft:  4px;
  
  -webkit-border-top-right-radius: 4px;
  -webkit-border-top-left-radius:  4px;
}

.BorderRadius_Top_05{
  border-top-right-radius: 5px;
  border-top-left-radius:  5px;
  
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft:  5px;
  
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius:  5px;
}

.BorderRadius_Top_09{
  border-top-right-radius: 9px;
  border-top-left-radius:  9px;
  
  -moz-border-radius-topright: 9px;
  -moz-border-radius-topleft:  9px;
  
  -webkit-border-top-right-radius: 9px;
  -webkit-border-top-left-radius:  9px;
}

.Centered{ text-align: center; }

.ColourBlack{    color: #000000 !important; }
.ColourBlue{     color: #0062B3 !important; }
.ColourGreen{    color: #78C008 !important; }
.ColourGreyDark{ color: #888888 !important; }
.ColourRed{      color: #ff0000 !important; }
.ColourWhite{    color: #ffffff !important; }

.Colour_grey{ color: grey !important; }

.Colour_000000{ color: #000000 !important; }
.Colour_0000ff{ color: #0000ff !important; }
.Colour_0062b3{ color: #0062b3 !important; }
.Colour_075597{ color: #075597 !important; }
.Colour_1196fe{ color: #1196fe !important; }
.Colour_158ef0{ color: #158ef0 !important; }
.Colour_1596fe{ color: #1596fe !important; }
.Colour_1696fe{ color: #1696fe !important; }
.Colour_175e96{ color: #175e96 !important; }
.Colour_444444{ color: #444444 !important; }
.Colour_464a4d{ color: #464a4d !important; }
.Colour_87b92b{ color: #87b92b !important; }
.Colour_888888{ color: #888888 !important; }
.Colour_89bb2b{ color: #89bb2b !important; }
.Colour_8dbb24{ color: #8dbb24 !important; }
.Colour_91bd2d{ color: #91bd2d !important; }
.Colour_cb0d4d{ color: #cb0d4d !important; }
.Colour_cccccc{ color: #cccccc !important; }
.Colour_e4e9ec{ color: #e4e9ec !important; }
.Colour_f3f7fd{ color: #f3f7fd !important; }
.Colour_ffff00{ color: #ffff00 !important; }
.Colour_ffffff{ color: #ffffff !important; }

/** Emotion fg colours **/
.Colour_00cc99{ color: #00cc99 !important; }
.Colour_3399cc{ color: #3399cc !important; }
.Colour_cc0000{ color: #cc0000 !important; }
.Colour_9966cc{ color: #9966cc !important; }
.Colour_ff33cc{ color: #ff33cc !important; }
.Colour_ff9933{ color: #ff9933 !important; }
.Colour_ffff33{ color: #ffff33 !important; }

/** Anchors **/
a.Colour_175e96,       a.Colour_175e96:link,   a.Colour_175e96:visited,
a.Colour_175e96:hover, a.Colour_175e96:active, a.Colour_175e96:focus{
  color: #175e96;
  text-decoration: none;
}

.DojoGreyColour{ background: #f3f3f3; }

.DisplayBlock{  display: block;  }
.DisplayInline{ display: inline; }
.DisplayNone{   display: none !important; }

.FloatLeft{ float: left; }

.FontSizeBitLarger{ font-size: 12pt; }
.FontSizeHuge{      font-size: 18pt; }
.FontSizeLarger{    font-size: 13pt; }
.FontSizeLargerStill{ font-size: 15pt; }
.FontSizeSmaller{   font-size:  9pt; }
.FontSizeSmall{     font-size:  8pt !important; }

.FontSize_pt_17{ font-size: 17pt !important; }

.FontSize10px{ font-size: 10px !important; }
.FontSize16px{ font-size: 16px !important; }
.FontSize18px{ font-size: 18px !important; }
.FontSize20px{ font-size: 20px !important; }
.FontSize36px{ font-size: 36px !important; }

.FontStyleItalic{ font-style: italic !important; }

.Hem2{   height: 2em   !important; }
.Hem2p5{ height: 2.5em !important; }
.Hem3{   height: 3em   !important; }
.Hem3p5{ height: 3.5em !important; }
.Hem10{  height: 10em  !important; }
.Hem11{  height: 11em  !important; }

.Hover_1596fe:active,
.Hover_1596fe:focus,
.Hover_1596fe:hover { color: #1596fe !important; }

.HP100{ height: 100%; }

.HPix032{ height:  32px; }
.HPix036{ height:  36px; }
.HPix045{ height:  45px; }
.HPix050{ height:  50px; }
.HPix060{ height:  60px; }
.HPix080{ height:  80px; }
.HPix100{ height: 100px; }
.HPix110{ height: 110px; }
.HPix200{ height: 200px; }
.HPix300{ height: 300px; }
.HPix320{ height: 320px; }
.HPix400{ height: 400px; }

.Italic{ font-style: italic; }

.Larger{ font-size: larger; }

.LineHeight1em{   line-height: 1em !important; }
.LineHeight1p5em{ line-height: 1.5em !important; }
.LineHeight1p8em{ line-height: 1.8em !important; }
.LineHeight2p0em{ line-height: 2.0em !important; }

.LineHeight100px{ line-height: 100px !important; }

.NoShow{
  display:    none;
  visibility: hidden;
}

.MarginPix00{ margin: 00px !important; }
.MarginPix02{ margin: 02px !important; }
.MarginPix03{ margin: 03px !important; }
.MarginPix05{ margin: 05px !important; }

.Max100x100{ max-width: 100px; max-height: 100px; }

.MBPix05{ margin-bottom:  5px !important; }
.MBPix10{ margin-bottom: 10px !important; }
.MBPix15{ margin-bottom: 15px !important; }
.MBPix20{ margin-bottom: 20px !important; }

.MBP0 { margin-bottom:  0  !important; }
.MBP1 { margin-bottom:  1% !important; }
.MBP5 { margin-bottom:  5% !important; }
.MBP7 { margin-bottom:  7% !important; }
.MBP10{ margin-bottom: 10% !important; }
.MBP20{ margin-bottom: 20% !important; }

.MLAuto { margin-left:  auto !important; }
.MRAuto { margin-right: auto !important; }

.MLP0 { margin-left:  0% !important; }
.MLP1 { margin-left:  1% !important; }
.MLP2 { margin-left:  2% !important; }
.MLP3 { margin-left:  3% !important; }
.MLP4 { margin-left:  4% !important; }
.MLP5 { margin-left:  5% !important; }
.MLP7 { margin-left:  7% !important; }
.MLP10{ margin-left: 10% !important; }
.MLP12{ margin-left: 12% !important; }
.MLP13{ margin-left: 13% !important; }
.MLP15{ margin-left: 15% !important; }
.MLP20{ margin-left: 20% !important; }
.MLP25{ margin-left: 25% !important; }
.MLP30{ margin-left: 30% !important; }
.MLP40{ margin-left: 40% !important; }

.MLPix03px{ margin-left:  3px !important; }
.MLPix05px{ margin-left:  5px !important; }
.MLPix10px{ margin-left: 10px !important; }
.MLPix15px{ margin-left: 15px !important; }
.MLPix20px{ margin-left: 20px !important; }
.MLPix30px{ margin-left: 30px !important; }
.MLPix40px{ margin-left: 40px !important; }
.MLPix50px{ margin-left: 50px !important; }

.MoveUp005px{ position: relative; top:   -5px; left: 0; }
.MoveUp270px{ position: relative; top: -270px; left: 0; }
.MoveUp300px{ position: relative; top: -300px; left: 0; }

.MRP0 { margin-right:  0% !important; }
.MRP1 { margin-right:  1% !important; }
.MRP3 { margin-right:  3% !important; }
.MRP5 { margin-right:  5% !important; }
.MRP10{ margin-right: 10% !important; }
.MRP20{ margin-right: 20% !important; }

.MRPix05{ margin-right:  5px !important; }
.MRPix10{ margin-right: 10px !important; }
.MRPix15{ margin-right: 15px !important; }
.MRPix20{ margin-right: 20px !important; }
.MRPix50{ margin-right: 50px !important; }

.MTEm0p75{ margin-top: 0.75em; }

.MTP0{  margin-top: 0  !important; }
.MTP1{  margin-top: 1% !important; }
.MTP3{  margin-top: 3% !important; }
.MTP4{  margin-top: 4% !important; }
.MTP5{  margin-top: 5% !important; }

.MTPix03{ margin-top:  3px !important; }
.MTPix04{ margin-top:  4px !important; }
.MTPix05{ margin-top:  5px !important; }
.MTPix10{ margin-top: 10px !important; }
.MTPix15{ margin-top: 15px !important; }
.MTPix20{ margin-top: 20px !important; }
.MTPix30{ margin-top: 30px !important; }
.MTPix45{ margin-top: 45px !important; }
.MTPix50{ margin-top: 50px !important; }
.MTPix60{ margin-top: 60px !important; }
.MTPix70{ margin-top: 70px !important; }
.MTPix115{ margin-top: 115px !important; }
.MTPix150{ margin-top: 150px !important; }
.MTPix190{ margin-top: 190px !important; }
.MTPix200{ margin-top: 200px !important; }
.MTPix240{ margin-top: 240px !important; }

.NoDecoration{ text-decoration: none !important; }

.Opacity0p0{  opacity: 0.0  !important; }
.Opacity0p1{  opacity: 0.1  !important; }
.Opacity0p2{  opacity: 0.2  !important; }
.Opacity0p3{  opacity: 0.3  !important; }
.Opacity0p4{  opacity: 0.4  !important; }
.Opacity0p5{  opacity: 0.5  !important; }
.Opacity0p6{  opacity: 0.6  !important; }
.Opacity0p7{  opacity: 0.7  !important; }
.Opacity0p8{  opacity: 0.8  !important; }
.Opacity0p9{  opacity: 0.9  !important; }
.Opacity0p95{ opacity: 0.95 !important; }
.Opacity1p0{  opacity: 1.0  !important; }

.OverFlowAuto{ overflow: auto; }

.Padding01em{ padding: 1em; }

.PaddingPix03{ padding:3px; }

.PBP0{ padding-bottom: 0 !important; }

.PBPix05{ padding-bottom: 5px !important; }

.PLPix05{ padding-left:  5px !important; }
.PLPix10{ padding-left: 10px !important; }

.PRP1{ padding-right: 1% !important; }

.PPix01{ padding:  1px !important; }
.PPix02{ padding:  2px !important; }
.PPix03{ padding:  3px !important; }
.PPix04{ padding:  4px !important; }
.PPix05{ padding:  5px !important; }
.PPix10{ padding: 10px !important; }

.PRPix05{ padding-right:  5px !important; }
.PRPix15{ padding-right: 10px !important; }

.PTP0{ padding-top: 0; }

.PTPix05{ padding-top:  5px !important; }
.PTPix10{ padding-top: 10px !important; }

.Pointer{ cursor: pointer; }

.TACentre{  text-align: center  !important;  }
.TAJustify{ text-align: justify; }
.TALeft{    text-align: left  !important; }
.TARight{   text-align: right !important; }

.TextShadow01px{ text-shadow: 1px 1px #000000; }

.Underline{ text-decoration: underline !important;; }

.VABottom{ vertical-align: bottom !important; }
.VAMiddle{ vertical-align: middle !important; }
.VATop{    vertical-align: top    !important; }

.VisibilityHidden{ visibility: hidden !important; }

.WAuto{ width: auto; }
.W01{   width:   1% !important; }
.W02{   width:   2% !important; }
.W03{   width:   3% !important; }
.W04{   width:   4% !important; }
.W05{   width:   5% !important; }
.W06{   width:   6% !important; }
.W10{   width:  10% !important; }
.W15{   width:  15% !important; }
.W19{   width:  19% !important; }
.W20{   width:  20% !important; }
.W21{   width:  21% !important; }
.W22{   width:  22% !important; }
.W23{   width:  23% !important; }
.W24{   width:  24% !important; }
.W25{   width:  25% !important; }
.W26{   width:  26% !important; }
.W27{   width:  27% !important; }
.W28{   width:  28% !important; }
.W29{   width:  29% !important; }
.W30{   width:  30% !important; }
.W31{   width:  31% !important; }
.W32{   width:  32% !important; }
.W33{   width:  33% !important; }
.W34{   width:  34% !important; }
.W35{   width:  35% !important; }
.W39{   width:  39% !important; }
.W40{   width:  40% !important; }
.W41{   width:  41% !important; }
.W44{   width:  44% !important; }
.W45{   width:  45% !important; }
.W47{   width:  47% !important; }
.W48{   width:  48% !important; }
.W49{   width:  49% !important; }
.W50{   width:  50% !important; }
.W52{   width:  52% !important; }
.W55{   width:  55% !important; }
.W59{   width:  59% !important; }
.W60{   width:  60% !important; }
.W65{   width:  65% !important; }
.W70{   width:  70% !important; }
.W71{   width:  71% !important; }
.W72{   width:  72% !important; }
.W73{   width:  73% !important; }
.W75{   width:  75% !important; }
.W80{   width:  80% !important; }
.W82{   width:  82% !important; }
.W83{   width:  83% !important; }
.W85{   width:  85% !important; }
.W87{   width:  87% !important; }
.W90{   width:  90% !important; }
.W94{   width:  94% !important; }
.W95{   width:  95% !important; }
.W96{   width:  96% !important; }
.W97{   width:  97% !important; }
.W98{   width:  98% !important; }
.W99{   width:  99% !important; }
.W100{  width: 100% !important; }

.W00p5 { width:  0.5% !important; }
.W14p5 { width: 14.5% !important; }
.W82p5 { width: 82.5% !important; }
.W99p5 { width: 99.5% !important; }

.WPix050{ width:  50px !important; }
.WPix150{ width: 150px !important; }
.WPix170{ width: 170px !important; }
.WPix300{ width: 300px !important; }
.WPix320{ width: 320px !important; }
.WPix350{ width: 350px !important; }
.WPix400{ width: 400px !important; }
.WPix410{ width: 410px !important; }
.WPix450{ width: 450px !important; }
.WPix438{ width: 438px !important; }
.WPix450{ width: 450px !important; }
.WPix462{ width: 462px !important; }
.WPix470{ width: 470px !important; }
.WPix500{ width: 500px !important; }
.WPix600{ width: 600px !important; }

.ZeroMargin{        margin: 0 !important; }
.ZeroMarginPadding{ margin: 0 !important; padding: 0 !important; }
.ZeroPadding{       padding: 0 !important; }

.ZIndex200{ z-index: 200 !important; }

span.Orange{ color: #ff9900; }

span.Red{
  color: #FF0000;
  
  vertical-align: middle;
}

span.White{
  color: #FFFFFF;
}

span.ExplanationLinkHandle{
  
  font-size: smaller;
  
  color: #ffff00;
  cursor: pointer;
  
  margin:  0;
  padding: 0;
  
  vertical-align: super;
}

/** ======================================================================= **/

a.tags, a.tags:link{
  color: #000000; /* <============================================== */
  
  text-decoration: none;
}

a.tags:visited{
 color: #000000; /* <============================================== */
 text-decoration: none;
}

a.tags:hover, a.tags:active, a.tags:focus{
  color:            #666666; /* <============================================== */
  /*background-color: #FFCC00;  removed <============================================== */
  text-decoration: none;
}

/** ======================================================================= **/
/** Event capsool specific **/

div.BlackBorder{
  
  margin:        0;
  margin-bottom: 5px;
  
  padding: 2px;
  
  border: 1px solid #000000;
}

div.GreyBorder{
  
  margin:        0;
  margin-bottom: 5px;
  
  padding: 2px;
  
  border: 2px solid #F0F0F0;
}

div.JumpTo{
  border: 1px solid #000000;
  
  width: 100%;
}

div.JumpTo p{
  margin:  0px;
  padding: 3px;
}

div.JumpTo p a{
  background-color: #EAEAEA;
  
  padding-left:  5px;
  padding-right: 5px;
}

div.JumpTo p a:active, div.JumpTo p a:hover{
  background-color: #FFFFFF;
  text-decoration: none;
}

div.JumpTo p span.start{
  background-color: #FFFFFF;
  font-weight: bold;
}

/** ======================================================================= **/
/** ======================================================================= **/
/** TimeLine **/
div.TimelineDisplay{
}

div.TimelineDisplay div.TimeLineGraph{
  width: 1000px;
  height:  auto; 
}

div.TimelineDisplay div.TimeLineGraph div.Major{
  
  display: block;
  float: left;
  clear: none;
  
  background-color: #F0F0F0;
  
  margin:       0;
  margin-right: 3px;
  
  padding: 0;
  
  width:  80px;
  height: auto;
}

div.TimelineDisplay div.TimeLineGraph div.Major div.Minor{
  
  display: block;
  float: left;
  clear: none;
  
  background-color: #F0F0F0;
  
  margin:  0;
  padding: 0;
  
  width:   20px;
  height: auto;
}

div.TimelineDisplay div.TimeLineGraph div.Major div.Minor div.Datum{
  
  width:  16px;
  height: 16px;
  
  margin: 1px;
  
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  
  cursor: pointer;
}

div.TimelineDisplay div.TimeLineGraph div.Major div.Minor div.Expander{
  
  width:  16px;
  height: 32px;
  
  margin: 1px;
  
  border: 1px solid #000000;
  background-color: #FFFFFF;
  
  cursor: pointer;
}

div.TimelineDisplay div.TimeLineGraph div.Major div.Minor div.ExpanderDummy{
  width:  16px;
  height: 32px;
  
  margin: 1px;
  
  border: 1px solid #F0F0F0;
  background-color: #F0F0F0;
}

div.TimelineDisplay div.TimeLineGraph div.Major div.Minor div.Spacer{
  width:  10px;
  height: 10px;
  
  margin: 1px;
  
  border: 1px solid #F0F0F0;
  background-color: #F0F0F0;
}

div.TimelineDisplay div.TimeLineRuler{
  width: 1000px;
  height:  85px;
  
  border: 1px solid #333333;
  
  color:            #FFFFFF;
  background-color: #333333;
  
  margin-bottom: 5px;
}

div.TimelineDisplay div.TimeLineRuler div.MajorRule{
  
  display: block;
  float: left;
  clear: none;
  
  width:  80px;
  height: 10px;
  
  border: none;
  
  margin:       0;
  margin-right: 3px;
  
  color:            #FFFFFF;
  background-color: #333333;
}

div.TimelineDisplay div.TimeLineRuler div.MajorRule div.MinorRule{
  
  display: block;
  float: left;
  clear: none;
  
  width:  19px;
  height:  5px;
  
  border: none;
  border-left: 1px solid #FFFFFF;
  
  margin:  0px;
  padding: 0px;
  
  color:            #FFFFFF;
  background-color: #333333;
}

/** ======================================================================= **/
div.TimeLineGraphMosaic{

   width: 95%;
   
   margin-bottom: 0.5em;
}

div.TimeLineGraphMosaic div.Grid{
  
   width: 99%;
   
   margin: 2px;
}

div.TimeLineGraphMosaic div.Grid div.GridRow{
  
  display: block;
  
  width:  90%;
  height: 25px;
  
  margin: 2px;
  
  border: 1px solid #aaaaaa;
}

div.TimeLineGraphMosaic div.Grid div.GridRow div.GridRowDatum{
  
  display: block;
  float: left;
  clear: none;
  
  width:  15px;
  height: 15px;
  
  margin: 3px;
  
  border: 1px solid #FFFFFF;
  
  cursor: pointer;
}

/** ======================================================================== **/
div.CapsoolMosaic{
  
  display: block;
  
  float: left;
  clear: none;
  
  width:  127px;
  height: 127px;;
  
  margin: 5px;
  
  z-index: 10;
  
  cursor: pointer;
}

div.CapsoolMosaic div.Header{
  width: 4em;
  
  z-index: 12;
  
  position: relative;
  left: 0;
  top:  0;
}

div.CapsoolMosaic img{
  
  display: block;
  
  position: relative;
  left: 0;
  top: -1em;
  
  max-width:  125px;
  max-height: 125px;
  
  margin:  1px;
  padding: 0;
  
  z-index: 11;
}
/** ======================================================================== **/
/** ======================================================================== **/
/** ======================================================================== **/
/** Emotion drop down **/
div.EmotionDropDown{
  vertical-align: middle;
  
  background-color: transparent;
}

div.EmotionDropDown select{
  width: 10em;
}

div.EmotionDropDown img{
  background-color: transparent;
}

/** ======================================================================== **/
/** Pagination **/
div.Paginator{
  width: auto;
  max-width: 21em;
  
  margin: 1em;
  margin-top: 0;
  
  color: inherit;
  background-color: inherit;
  
  font-weight: bold;
  
  text-align: center;
}

div.Paginator div.Title{
  font-weight: normal;
}

div.Paginator div.List{
}

div.Paginator div a{
}

div.Paginator div span{
  font-weight: normal;
}
/** ======================================================================= **/
/** Tag Cloud Helper **/
div.TagCloud{
  width:  99%;
  padding: 3px;
  
  background-color: #000000;
}

div.TagCloud div.tags{
  
  display: block;
  float: left;
  
  min-height: 46px;
  
  padding: 20px;
  
  text-align: center;
  vertical-align: middle;
  
  font-weight: bold;
  color: #ffffff;
}

div.TagCloud div.tags a.entry{
}

div.TagCloud div.tags a.entry span:hover{
  color: #0E86FE;
}

div.TagCloud p{
  text-align: center;
  color: #ffffff;
  font-weight: bold;
}
/** ======================================================================= **/
/** ======================================================================= **/
/** ======================================================================= **/
div.DelayedImageLoad, div.DelayedImageLoad img.DelayedImageLoad_Image{
  
  max-width:  125px;
  max-height: 125px;
  
  cursor: pointer;
}

/** ======================================================================= **/
div.SemiTransparentGreyOverlay{
  
  position: absolute;
  
  left: 0;
  top:  0;
  
  width:  1px;
  height: 1px;
  
  background: url('../graphics/img/overlaymaskbackground.png') repeat;
}
/** ======================================================================= **/
div.SooleyPostCardSmall{
  
  display: block;
  
  position: relative;
  left: 0;
  top:  0;
  
  width:  174px;
  height: 174px;
}

div.SooleyPostCardSmall a{
  display: block;
  
  position: relative;
  left: 0;
  top:  0;
  
  max-width:  174px;
  max-height: 174px;
}

div.SooleyPostCardSmall div.Head{
  
  display: block;
  
  opacity: 0.8;
  
  width:  164px;
  height: auto;
  
  color: #FFFFFF;
  background-color: #333333;
  
  font-weight: bold;
  font-size:   9px;
  
  text-align: center;
  
  /*
  margin-top:  1px;
  margin-left: 1px;
  */
  
  padding: 5px;
  
  position: absolute;
  left: 0;
  top:  0;
  
  z-index: 11;
}


div.SooleyPostCardSmall div.Foot{
  
  display: block;
  
  opacity: 0.8;
  
  width:  164px;
  height: auto;
  
  color: #000000;
  
  font-weight: bold;
  font-size:   9px;
  
  padding: 5px;
  
  position: absolute;
  left:   0px;
  bottom: 0px;
  
  z-index: 11;
}


/* Micro */
div.SooleyPostCardMicro{
  
  display: block;
  
  position: relative;
  left: 0;
  top:  0;
  
  width:  116px;
  height: 116px;
  
  border: 2px solid #000000;
}

div.SooleyPostCardMicro div.Foot{
  
  display: block;
  
  opacity: 0.8;
  
  width:  108px;
  height: auto;
  
  color: #FFFFFF;
  background-color: #333333;
  
  font-weight: bold;
  font-size:   9px;
  
  text-align: center;
  
  padding: 2px;
  
  position: absolute;
  left:   2px;
  bottom: 2px;
  
  z-index: 11;
}

div.SooleyPostCardMicro div.Head{
  
  display: block;
  
  opacity: 0.8;
  
  width:  108px;
  height: auto;
  
  color: #FFFFFF;
  background-color: #333333;
  
  font-weight: bold;
  font-size:   9px;
  
  text-align: center;
  
  padding: 2px;
  
  position: absolute;
  left: 2px;
  top:  2px;
  
  z-index: 11;
}

div.SooleyPostCardMicro div.Middle{
  
  max-width:  112px;
  max-height: 112px;
  
  border: 2px solid #000000;
}

div.SooleyPostCardMicro div.Middle a{
  display: block;
  
  position: relative;
  left: 0;
  top:  0;
  
  max-width:  112px;
  max-height: 112px;
}

div.SooleyPostCardMicro div.Middle a img,
div.SooleyPostCardMicro div.Middle   img{
  display: block;
  
  position: relative;
  left: 0;
  top:  0;
  
  max-width:  110px;
  max-height: 110px;
  
  color: #000000;
  border: 1px solid #000000;
}




div.SooleyPostCardMedium{
  
  width: 600px;
}

div.SooleyPostCardMedium table{
  width: 97%;
  
  margin-left:  1%;
  margin-right: 1%;
}

div.SooleyPostCardMedium table tbody tr td img,
div.SooleyPostCardMedium table tbody tr td a img{
  max-height: 220px;
  max-width:  320px;
}




div.SooleyPostCardLarge table tbody tr td img,
div.SooleyPostCardLarge table tbody tr td a img{
  max-height: 220px;
  max-width:  320px;
}

div.SooleyPostCardLarge{
  
  display: block;
  
  position: relative;
  left: 0;
  top:  0;
  
  width:  300px;
  height: 300px;
}

div.SooleyPostCardLarge a{
  display: block;
  
  position: relative;
  left: 0;
  top:  0;
  
  max-width:  300px;
  max-height: 300px;
}

div.SooleyPostCardLarge div.Head{
  
  display: block;
  
  opacity: 0.8;
  
  width:  290px;
  height: auto;
  
  color: #FFFFFF;
  background-color: #333333;
  
  font-weight: bold;
  font-size:   100%; /*normal;*/
  
  text-align: center;
  
  padding: 5px;
  margin-left: 1px;
  
  position: absolute;
  left: 0;
  top:  0;
  
  z-index: 11;
}


div.SooleyPostCardLarge div.Foot{
  
  display: block;
  
  opacity: 0.8;
  
  width:  290px;
  height: auto;
  
  color: #000000;
  
  font-weight: bold;
  font-size:   100%; /*normal;*/
  
  padding: 5px;
  margin-left: 1px;
  
  position: absolute;
  left:   0px;
  bottom: 0px;
  
  text-align: center;
  
  z-index: 11;
}

/** ======================================================================= **/

div.SooleyPostCardSummaryLarge{
  
  width: 700px;
  
  background-color: #f9f9f9;
}

div.SooleyPostCardSummaryLarge table tbody tr td img,
div.SooleyPostCardSummaryLarge table tbody tr td a img{
  max-height: 220px;
  max-width:  320px;
}

div.SooleyPostCardSummarySmall{
  
  width: 450px;
  
}

div.SooleyPostCardSummarySmall div.CapsoolImage{
  width: 176px;
  
  display: block;
  float: left;
  clear: none;
}

div.SooleyPostCardSummarySmall div.SummaryInfo{
  
  width: 270px;
  
  display: block;
  float: right;
  clear: none;
}

div.SooleyPostCardSummarySmall div.Bottom{
  clear: both;
  
  width: 90%;
}

/** ======================================================================= **/
/** -- EventSooleyPostCardLarge -- **/
div.EventSooleyPostCardLarge{
  display: block;
  
  position: relative;
  left: 0;
  top:  0;
  
  float: left;
  
  margin:       0;
  margin-top:  10px;
  margin-left: 10px;
  
  width: 600px;
}

div.EventSooleyPostCardLarge a{
  
}

div.EventSooleyPostCardLarge div.Head{
  display: block;
  
  width: 96%;
  
  color: #FFFFFF;
  background-color: #333333;
  
  font-weight: bold;
  
  padding: 1em;
  padding-left:  2%;
  padding-right: 2%;
  
  position: absolute;
  left: 0;
  top:  0;
  
  z-index: 11;
}

div.EventSooleyPostCardLarge div.Foot{
  
  display: block;
  
  width: 96%;
  
  color: #000000;
  
  font-weight: bold;
  
  padding: 1em;
  padding-left:  2%;
  padding-right: 2%;
  
  position: absolute;
  left:   0;
  bottom: 0;
  
  z-index: 11;
}

/** -- EventSooleyPostCardMedium -- **/
div.EventSooleyPostCardMedium{
  display: block;
  
  position: relative;
  left: 0;
  top:  0;
  
  float: left;
  
  margin:       0;
  margin-top:  10px;
  margin-left: 10px;
  
  width: 300px;
}

div.EventSooleyPostCardMedium a{
  
}

div.EventSooleyPostCardMedium div.Head{
  display: block;
  
  width: 96%;
  
  color: #FFFFFF;
  background-color: #333333;
  
  font-weight: bold;
  
  padding: 1em;
  padding-left:  2%;
  padding-right: 2%;
  
  position: absolute;
  left: 0;
  top:  0;
  
  z-index: 11;
}

div.EventSooleyPostCardMedium div.Foot{
  
  display: block;
  
  width: 96%;
  
  color: #000000;
  
  font-weight: bold;
  
  padding: 1em;
  padding-left:  2%;
  padding-right: 2%;
  
  position: absolute;
  left:   0;
  bottom: 0;
  
  z-index: 11;
}

/** -- EventSooleyPostCardSmall -- **/
div.EventSooleyPostCardSmall{
  
  display: block;
  
  position: relative;
  left: 0;
  top:  0;
  
  max-width:  250px;
  max-height: 250px;
}

div.EventSooleyPostCardSmall a{
  display: block;
  
  position: relative;
  left: 0;
  top:  0;
  
  padding: 5px;
  
  width: 240px;
  
  background-color: #000000;
}

div.EventSooleyPostCardSmall div.Head{
  
  display: block;
  
  width: 230px;
  
  color: #FFFFFF;
  background-color: #333333;
  
  font-weight: bold;
  
  padding: 10px;
  
  position: absolute;
  left: 0;
  top:  0;
  
  z-index: 11;
}


div.EventSooleyPostCardSmall div.Foot{
  
  display: block;
  
  width: 230px;
  
  color: #000000;
  
  font-weight: bold;
  
  padding: 1em;
  padding-left:  10px;
  padding-right: 10px;
  
  position: absolute;
  left:   0;
  bottom: -3px;
  
  z-index: 11;
}

















div.EventSooleySummaryLarge{
  
  width: 900px;
  
}

div.EventSooleySummaryMedium{
  
  width: 600px;
  
}

div.EventSooleySummarySmall{
  
  width: 500px;
}


/** ======================================================================= **/
/** Help Googie spell integration **/
div.CapsoolGoogieSpellBox{
}

div.CapsoolGoogieSpellBox table{
  margin-left: 0;
  width: 100%;
}


form.SpellCheck_Dialog_Form,
form.SpellCheck_Dialog_Form p,
form.SpellCheck_Dialog_Form p select
{
  
  width: 10em;
  
}

/** ======================================================================= **/