@import url('reset.css');
@import url('/include/style/themes/black.css'); /*change this to change the colour of the theme */
/* ----------------------------------------------------------------------------------
    Silky Admin Template
    by Jeff Adams
---------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------
    TYPOGRAPHY STYLES (generic typography)
--------------------------------------------------------------------------------- */
body
{
  font-family: Arial, Helvetica, sans-serif;
  background-color: #E7E7E7;
  color: #666666; 
  line-height: 24px;
  font-size: 12px;
}
a
{
  color:#3C8DDF;
}
h1,h2,h3,h4,h5,h6
{
  color: #333333;
  padding: 10px 0px 10px 0px;
  font-weight: bold;
}

/* ---------------------------------------------------------------------------------
    HEADER STYLE 
--------------------------------------------------------------------------------- */
.anchorclass
{
  text-decoration:none;
  color:#0093DD;
}
.anchorclass:hover
{
  text-decoration:underline;
}
#HeaderRowFirst
{
  padding: 0px 0px 0px 0px;
  background-color:#000000;
  overflow:hidden;
  text-decoration:none;
  position:relative;
  background-repeat: repeat-x;
}
#HeaderRowSecond
{
  height:20px;
  width:940px;
  margin-top:5px;
  color:#FFFFFF;
  font-weight:700;
  margin: 2px auto 5px auto;
  text-align:right;
  letter-spacing:.02em;
}

#HeaderRowSecond a
{
  color:#FFFFFF;
}

#HeaderRowSecond a:hover
{
  color:#0093DD;
}

#HeaderRowThird
{
  background-color:#ffffff;
}
#HeaderRowFourth
{
  width: 1100px;
  height: 100%;
  margin: 0px auto 0px auto;
  padding-top:5px;
  letter-spacing:.02em;
}

/* ---------------------------------------------------------------------------------
    NAVIGATION MENU AND HOVER STYLE
--------------------------------------------------------------------------------- */
#nav
{
  position: relative;
  height: 31px;
  top: 0px;
  left: 0px;
  padding-top:10px;
  width: 1100px;
}
#nav li
{
  display: inline;
  padding: 0px;
  margin: 0px;
  padding:0px auto 0px auto;
}
#nav a
{
  float: left;display: block;
  font-weight: bold; text-decoration: none;
  height: 25px;
  line-height: 25px;
  padding: 3px 10px 3px 10px;
  margin: 0px 5px 0px 0px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
}
#HeaderRowFourth #nav a:hover
{
  background-color: #0093DD;
  color: #222222;
}
#HeaderRowFourth #nav a.active
{
  background-color: #0093DD;
  color: #222222;
}

/* ---------------------------------------------------------------------------------
    SUBNAVIGATION MENU AND HOVER STYLE
--------------------------------------------------------------------------------- */

#SubNavigationFirst
{
  padding: 5px;
  clear: both;
  border-bottom: 2px solid #ccc;
  margin: 0px; height:20px;
  background-color: #0093DD;
}
.SubNavigationSecond
{
  width: 1100px;
  margin: 0px auto 0px auto; 
  padding: 0px 0px 0px 0px;
}
.SubNavigationSecond li
{
  display: inline;
}
.SubNavigationSecond a
{
  border-right: 1px solid #CCC;
  padding: 0px 10px 0px 10px; 
  color:#000000; 
  text-decoration: none;
}
.SubNavigationSecond a.last
{
  border: none;
}
.SubNavigationSecond .active
{
  font-weight:bold;
  color:#222222;
}
.SubNavigationSecond a:hover
{
  text-decoration:underline;
}

/* ---------------------------------------------------------------------------------
    CONTENT STYLE
--------------------------------------------------------------------------------- */
#Content_Wrapper
{
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  margin: 8px auto 0px auto;
  padding: 10px 24px 30px 29px;
  width: 1050px;
  min-height:400px;
}

/* ---------------------------------------------------------------------------------
    FOOTER STYLE
--------------------------------------------------------------------------------- */
#FooterRowFirst
{
  color:#BAB8B9;
  font-weight:bolder;
  padding: 0px 0px 0px 0px;
  width:100%;
  overflow:hidden;
  padding-top:3px;
}
#FooterRowSecond
{
  width:1100px;
  text-decoration:none;
  margin: 0px auto 0px auto;
  text-align:left;
}
#FooterRowThird
{
  line-height:12px;
  padding:0px 2px 3px 0px;
  text-align:left;
  font-size:smaller;
  font-weight:bold;
  vertical-align:baseline;
  padding-top:8px;
}
#BottomFooterFirst 
{
  height:30px;
  background-color:#000000;
}
#BottomFooterSecond
{
  font-size:smaller;
  width:940px;
  margin: 2px auto 2px auto;
}
#DivLineContact
{
  border-bottom:solid 1px #BAB8B9;
  min-width:100px;
}
#Fth
{
  padding-left:60px;
}
#FooterGoogleMap
{
  margin-left:-5px;
}
#DivLineFollowUs
{
  border-bottom:solid 1px #BAB8B9;
  min-width:90px;
}
#ImgbtnAttract
{
  padding-top:10px;
}

/* ---------------------------------------------------------------------------------
    FORMS
--------------------------------------------------------------------------------- */

textarea:focus
{
  background-color: #FFFFE1;
  border: 1px solid #999999;
}

/* ---------------------------------------------------------------------------------
    GLOBAL CLASSES
--------------------------------------------------------------------------------- */
.spantext
{
  float:right;
  margin-right:10px;
  text-align:right;
  padding-right:10px;
  vertical-align:text-top;
}

.blackbutton
{
  background-color:#000000;
  color: #ffffff;
  font-weight: bold;
  margin-top: 7px;
  margin-bottom: 7px;
  padding: 3px 6px 3px 6px;
  border:1px outset #A67700;
  border-bottom-color:#A67700;
  border-top-color:#A67700;
}
.blackbutton:hover
{
  background-color:#4A4A4A;
  color: #ffffff;
  border:1px outset #A67700;
}

.pagemenu
{
  background-color:#000000;
  color: #FFFFFF;
  text-decoration:none;
  font-weight: bold;
  font-size:11px;
  margin:5px 0px;
  padding: 2px 6px 2px 6px;
  border:1px outset #A67700;
  border-bottom-color:#A67700;
  border-top-color:#A67700;
}
.pagemenu:hover
{
  background-color:#4A4A4A;
  color: #ffffff;
  text-decoration:none;
  border:1px outset #A67700;
}

.backbutton
{
  background-color:#000000;
  color: #ffffff;
  font-weight: bold;
  margin-top: 7px;
  margin-bottom: 7px;
  padding: 3px 6px 3px 6px;
  border:1px outset #A67700;
  border-bottom-color:#A67700;
  border-top-color:#A67700;
  text-decoration:none;
}
.backbutton:hover
{
  background-color:#4A4A4A;
  color: #ffffff;
  border:1px outset #A67700;
}

.success
{
  color:Green;
  font-weight: bold;
}

.enabled
{
  display:inline;
}

.disabled
{
  display:none;
}

.messageenabled
{
  color:Red;
  font-size:14px;
  margin-top:30px;
  padding-top:30px;
}

.breadcrumb
{
  color: #000000;
  font-size: medium;
  font-weight: bold;
}
.heading
{
  color:#0093DD;
  font-size: 14px;
  font-weight: bold;
  padding:6px 0 12px 0;
}

.cursor_hand{ cursor : pointer; }

.NoRecordMessage
{
  font-size:15px;
  color:#000;
  margin-top:2px;
  margin-left:auto;
  margin-right:auto;
  font-weight:bold;
}
.NameForRecord
{
  font-size:16px;
  color:#000;
  font-weight:bold;
}
.LinkHoverclass
{
  color:Navy;
}
.LinkHoverclass:hover
{
  color:#7AA9F5;
}

.ActiveButton
{
  padding:2px;
  font-size:11px;
}