/**#################### DEFAULT and FORMS CSS ####################**/

/* ## body { background:url(../../../../css/images/waitme.gif) no-repeat 43% 20% #1d5178 ;  **/
body { background:  #1d5178 ;
  padding          : 0;
  margin           : 0;
  margin-bottom           : 15px;
           }
td, tr, p, div {
  font-family      :  Arial, Helvetica, sans-serif;
  color            : #f5f5f5;
  font-size        : 13px;
  line-height      : 16px;
}
hr {
  color            : #395884;
  height           : 1px;
  width            : 100%;
}
a:link {
  color            : #60B5FF;
  text-decoration  : none;
 }
a:visited {
  color: #FF6633;
  text-decoration  : none;
 }
a:hover {
  color            : #99FF33;
  text-decoration  : none;
  }
ul {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}
li {  
  line-height      : 14px;
  padding-left     : 14px;
  padding-top      : 2px;
  background-image : url(../images/arrow.png) ;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}
form {
margin           : 0; 
padding          : 0;
}
.inputbox {
 color        : #f1f1f1;
 background   : #2B4A74;
 border       : 1px solid #395884;
 margin       : 3px 0;
}
input:hover,
  input:focus,
  textarea:hover,
  textarea:focus {
  color: #f1f1f1;
  background: #243E61;
}
form select.button{
 color        : #fff;
 background   : #2B4A74;
}
option {
background   : #2B4A74;
}
.back_button {
  font-size        : 12px;
  font-weight      : normal;
  padding-bottom   : 3px;
  margin-right     : 4px;
  float            : right;
  line-height      : 20px;
  }
div.back_button a{
text-decoration  : none;
  }
.button {
  font-size        : 11px;
  color            : #EDF1F3;
  border           : 1px solid #395884;
  margin           : 3px 0;
  padding          : 2px;
  cursor           : pointer;
  background       : #2B4A74;
}
.contact_email  {
  width            : 100%;
}
table.moduletable {
	margin           : 0 0 8px 0;
      width            : 100%;
      	}
table.moduletable th {
    font-family          : Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 14px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
      color              : #fff;
	padding            : 2px;
      line-height        : 25px;
      border-bottom: 1px solid #395884;
	height: 29px;    
	}
table.moduletable td {
    padding-top: 2px;
    	}
div.module{
    text-align: left;
    margin           : 0 0 20px 0;
    	}
div.module h3 {
      font-family        : Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 14px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
      color              : #fff;
	line-height        : 27px;
	border-bottom: 1px solid #395884;
      height             : 29px;
      margin             : 0 0 15px 0;
       }
.contentmod_toolbar {
width:200px;
height:5px;
position:relative;
top:100px;
right:10px;
text-align   : center;
padding      : 1px 0;
}
.contentmod {
text-align   : left;
padding      : 8px 0;
}
.contentmod td {
padding      : 5px;
}
.contentmod table.moduletable {
margin           : 0 0 8px 0;
width            : 100%;
background       :  #314C72;
}
.contentmod table.moduletable th{
      font-size          : 14px;
	font-weight        : bold;
	text-align         : right;
	width              : 100%;
      color              : #fff;
	padding            : 2px 10px;
      line-height        : 25px;
      border-bottom: 1px solid #395884;
}
/** Read more **/
a.readon:link, a.readon:visited {
  color            : #60B5FF;
  font-size        : 12px;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0px 1px 10px;
  float            : right;
  line-height      : 15px;
  text-decoration  : none;
  border-left:2px solid #60B5FF;
}
a.readon:hover {
  color            : #314C72;
  font-size        : 12px;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0 1px 10px;
  line-height      : 15px;
  text-decoration  : none;
  border-left      : 2px solid #314C72;
 }
/** Pagenavigation **/
.pagenavcounter {
  font-size        : 11px;
  color            : #60B5FF;
}
.pagenavbar {
  border-top      : 1px solid #395884;
  margin          : 10px 0;
  padding-top     : 5px;
  }
.pagenav, .pagenav_prev, .pagenav_next {
  font-weight      : normal;
  }
a.pagenav:link, a.pagenav:visited {
  font-size        : 12px;
  text-decoration  : none;
  font-weight      : normal;
}
a.pagenav:hover {
  font-size        : 12px;
  text-decoration  : none;
  font-weight      : normal;
}
table.contenttoc {
  border           : 1px solid #314C72;
  background       : #416496;
  padding          : 0;
  margin-left      : 2px;
  margin-bottom    : 2px;
}
table.contenttoc th{
  margin           : 0;
  padding          : 2px;
  background       : #314C72 ;
  color            : #ffffff;
 }
table.contenttoc td{
 margin           : 0;
 padding          : 3px 4px;
 border-bottom    : 1px solid #314C72;
 background-image   : url(../images/arrow.png) ;
 background-repeat  : no-repeat;
 background-position: 4px 7px;
   }
table.contenttoc td a:link, table.contenttoc td a:visited{
padding-left        : 12px !important;
padding-left        : 0;
text-indent         : 12px;
text-decoration      : none;
}
table.contenttoc td a:hover{
color     : #314C72;
}
/** Content **/
.sectiontableheader {
  font-weight      : bold;
  letter-spacing   : 1px;
  color            : #ffffff;
  background       : #152136; 
  padding          : 3px 5px;
  border           : 1px solid #243E61;
}
.sectiontableentry1 {
  vertical-align   : top;
  background       : #243E61;
  border-bottom    : 1px solid #395884;
  line-height      : 20px;
}
.sectiontableentry1 td, .sectiontableentry2 td{
  padding          : 2px 5px;
  border-bottom    : 1px solid #395884;
  line-height      : 20px;
}
.sectiontableentry2 {
  vertical-align   : top;
  border-bottom    : 1px solid #395884;
  background       : #2B4A74;
  line-height      : 20px;
}
.sectiontableentry1 img{
margin: 2px;
}
.sectiontableentry2 img{
margin: 2px;
}
a.category:link, a.category:visited {
  font-size        : 12px;
  font-weight      : normal;
  padding: 5px;
}
.small {
  font-size        : 11px;
  color            : #39629A;
}
.smalldark {
  font-size        : 11px;
  color            : #39629A;
}
.createdate, .modifydate {
  font-size        : 11px;
  color            : #39629A;
  font-weight      : normal;
  text-align       : left;
  width            : 100%;
}
.content_vote {
  font-size        : 11px;
  height           : 22px;
  padding          : 2px 0;
  }
.content_rating {
  font-size        : 11px;
  color            : #39629A;
}
table.content{
  width            : 100%;
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}
table.contentpane {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}
table.contentpaneopen {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}
.contentheading {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  width            : 100%;
  font-size        : 16px;
  font-weight      : bold;
  line-height      : 21px;
  text-align       : left;
  text-indent      : 0;
  color            : #5AB2FF;
  padding          : 3px 5px;
  margin           : 3px 0;
  background       : url(../../../../css/images/mod_left_hover.jpg) #1d5178 no-repeat top right;
  }
.contentheading a {
text-decoration:none;
}
.componentheading {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  width            : auto;
  font-size        : 17px;
  font-weight      : bold;
  line-height      : 21px;
  text-transform   : uppercase;
  text-align       : left;
  color            : #fff;
  padding          : 3px;
  margin           : 5px !important;
  margin           : 5px 1px;
  }
.contentdescription { 
  width          : auto !important;
  margin         : 0;
  padding        : 0;
  padding-top    : 5px;
  text-align     : left;
}
 .blog_more {
margin   : 10px 0 7px 7px;
}
.buttonheading {
padding  : 0 2px;
}
.blog {
width:100%;
}
.article_seperator{
display: block;
width: 100%;
height: 20px;
background: url(../images/separator.gif) no-repeat 50% 30%;
}
.moduletable .article_seperator{
background     : none;
height         : 3px;
}
.poll {
	line-height : 13px;
	font-weight : normal;
      text-align  : left;
}
table.poll td{
	font-weight : normal;
      text-align  : left;
}
.pollstableborder{
  border-color     : #395884;
  }
/** CSS for Mainmenu **/
a.mainlevel  {
 display           : block;
 width             : auto !important;
 width             : 100%;
  margin           : 1px 0;
  padding          : 0;
  font-size        : 12px;
  background       : none;
  text-indent      : 10px;
}
a.mainlevel:link, a.mainlevel:visited {
  display          : block;
  font-size        : 14px;
  border-bottom    : 1px solid #314C72;
  font-weight      : normal;
  padding          : 2px 0;
  color            : #45699C;
  padding-left     : 10px;
  text-decoration    : none;
}
a.mainlevel:hover {
  border-bottom    : 1px solid #314C72;
  font-size        : 14px;
  font-weight      : normal;
  color            : #fff;
  text-decoration  : none;
  padding-left     : 10px;
  text-decoration	 : none;
  background:url(../../../../css/images/mod_left_hover.jpg)  #283F61;
}
#active_menu {
  color            : #ffffff;
  border-bottom    : 1px solid #314C72;
  background       : url(../images/menu.gif) #283F61 90% 50% no-repeat;
  text-decoration	 : none;
}
a#active_menu:hover {
  color            : #4970A8;
  border-bottom    : 1px solid #314C72;
}
ul#mainlevel{
 display           : block;
 width             : auto;
 background       : none;
 margin           : 0;
 padding         : 0; 
 list-style: none;
 text-align:left;
}
ul#mainlevel li{
 display           : block;
 width             : auto;
 background       : none;
 background-image : none;
 margin           : 0;
 padding         : 0;
 line-height      : 16px;
 text-align:left;
}
/** Sublevel for Mainmenu **/
.sublevel {
   font-family      : Arial, Helvetica, sans-serif;
   color            : #60B5FF;
   padding    	  : 3px 1px 3px 5px;
   margin		  : 3px;
}
a.sublevel:link, a.sublevel:visited {
  color	      : #60B5FF;
  text-decoration	: none;
  line-height      : 20px;
}
a.sublevel:hover {
  color            : #f1f1f1;
  text-decoration  : none;
}
a.sublevel#active_menu  {
	color           : #f1f1f1;
	border          : 0;
}
/** Topmenu styles for BOTTOM navigation (Position User3)**/
ul#mainlevel-nav {
  list-style       : none;
  padding-right    : 20px;
  margin           : 0;
}
#mainlevel-nav li {
  float            : right;
  display          : block;
  list-style       : none;
  background-image : none;
  padding          : 0;
  margin           : 0;
  width            : auto !important;
  font-size        : 13px;
  line-height      : 28px;
  white-space      : nowrap;
}
#mainlevel-nav li a {
  display          : block;
  padding-left     : 10px;
  padding-right    : 0;
  font-size        : 13px;
  color            : #60B5FF;
  text-decoration  : underline;
}

#mainlevel-nav li a:hover {
  display          : block;
  font-size        : 13px;
  color            : #cccccc;
}
/** images **/
.mosimage {
  border     : 1px solid #314C72;
  margin     : 5px;
  padding-top:  3px;
}
.mosimage_caption {
  margin-top: 3px;
  padding   :  2px;
  color     : #f1f1f1;
  font-size : 10px;
  background: #314C72;
}
/** #################### index.php #################### **/
#body { MARGIN: 0% 1% 0% 1%;
}
#outconteiner2{MARGIN: 0% 2% 0% 2%;padding: 0px;
position    :relative;
text-align  : center;
width       : 100%;
margin      : 0px auto; 
}
#outconteiner1{
text-align  : center;
}
.main { margin-top:-50px;
  text-align       : left; 
  width            : 100%;
 }
div.mod {
  background       : none;
  width            : 6px;
}
#contenttb{
padding          : 0;
border-right     : 1px solid #395884;
}
#contenttb td.contentmod{
padding   : 10px;
} 
.footer_right {                                                                      border : 0px solid #ffffff;
  width            : 100%; 
  float            : right;
  font-size        : 12px;
  font-weight      : normal;
  text-align       : right;
 }
.footer_right p{
padding-right    : 20px;
color            : #385890;
}
.leftcol,.rightcol{
    background      : url(../images/mod_left.jpg) repeat-y 0 0  ;padding-right :0px;
margin-top:0px; border-bottom:4px solid #1a4264;padding-top :0px ;
}
.leftcol #leftmod{ width:200px;
   text-align       : left;
   background       : url(../images/corner.gif) no-repeat 100% 0%;
}
#leftmod {  width  : 100%; padding : 10px;    vertical-align   : top;padding-right:0px;margin-right :-5px;
}
.foot {border : 0px solid #00ff00;
  width            : 100%;
  margin           : 0 auto;
}
#logo {
  height         : 66px;
  width          : 100%;
  padding:0;margin-right :-50px;
    }
#light {
  background     : url(../images/light.jpg) no-repeat  ;
  height         : 66px;
  width          : 100%;
  padding:0;
    }
#header { width:100%;
  background:url(../../../../css/cardiffbay_2hgs.jpg)  no-repeat top center; 
  height         : 190px;
  padding:0;
  margin-top:10px;
    } /* ############################
#header { width:100%;
  background:url(../../../../css/blue_city_AidMobarak.jpg)  no-repeat top center; 
  height         : 170px;
  padding:0;
  margin-top:10px;
    } ########################*/
#left_bottom{
position      : absolute;
left          : 62px;
bottom        :0;
width         : 100px;
height        : 230px;
}
table.adminform, #images-page, #publish-page, #meta-page{
background: #314C72;
}
#my_footer{ margin-top:10px; width:100%;height:100%;margin-left:0px;color:#ffffcc;
}
myclasshover a:hover{color:#fff;
}
body,html {  
  scrollbar-face-color: #1d4c70;
  scrollbar-track-color: #8fbcdc;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-highlight-color: #508ab5;
  scrollbar-shadow-color: #524818;
  scrollbar-3dlight-color: #000000;
  scrollbar-darkshadow-color: #000000
}
.film{ padding-top:5px;
}
.thumbouter{
border: #3399CC 1px solid;
padding:3px;background: url(../../../../../../css/images/mod_left_hover.jpg)  #1d5178 repeat-x;
}
.thumbouter:hover {
background:#000000;
border: #00CCFF 1px solid;
padding:3px;
}
.thumbouter:visited {
background:#000000;
border: #CC66FF 1px solid;
padding:3px;
}
.thumbinner{
padding:2px;
border: #CCCCCC 1px solid;
}
.thumbinner:hover {
padding:2px;
border: #66FF66 1px solid;
}
.thumbinner:visited {
padding:2px;
border: #FF0000 1px solid;
}
.bgcolor { background:url(../../../../css/video-rows-bgcolor.jpg) repeat}
.module_bottom{ width:230px; height:160px; position:relative;right:15px; top:-470px; z-index:12453; background:none; color: #FF6600}