@import url(layouts.css);
@import url(components.css);
@import url(navigation.css);
@import url(forms.css);

/* #######################  GENERAL SETTINGS ############################ */
body{ margin:0; padding:0; font-family:Arial; font-size:12px; color:#6d6d6d; background: url(../images/bg.gif) repeat left top #0e0e0e;
}
a{color:#8e8d8d; text-decoration:none; font-size:12px;
}
a:hover { text-decoration:underline
}
img {border:0px
}

ul,li{margin:0;padding:0; list-style:none
}
ul li{ padding:0px; margin:0px
}

#wrapper { background: url(../images/wrapper_bg.gif) repeat-x left top; padding:0px
}
.clear {clear:both; font-size:0px; height:1px
}
#container { background: url(../images/container.png) no-repeat left top; width:1200px; margin:0px auto; padding:0px
}

/* header*/
#header { padding:0px 114px;
}
#logo { padding:72px 0px 54px 2px; float:left
}

#menu { margin:32px 0 0 0; background: url(../images/menu_bg.gif) no-repeat left
}
#nav { padding:0px; margin:0px; height:46px
}
#nav a.mainlevel {color: #FFFFFF;  text-decoration: none;	font-weight: bold; font-size: 19px;	font-family:"Times New Roman"; text-transform:lowercase; margin:0 18px 0 22px; line-height:46px
}
#nav a:hover.mainlevel {color: #ff3e01
}
#nav #active_menu {color: #ff3e01
}	

/* Social icons */
.addthis_toolbox { padding: 21px 22px 0 0; text-align:right	
}
.addthis_toolbox .custom_images a { width: 32px; height: 32px; margin: 0 4px 0 4px; padding:0px
}
.addthis_toolbox .custom_images a:hover img { opacity: 0.75;
}
.addthis_toolbox .custom_images a img { opacity: 1;
}

#welcome { padding:31px 5px 15px 0; font-family:"Times New Roman"; font-size:30px; line-height:30px; color:#eaeaea;
}


#search .inputbox { width: 155px; height:18px; padding: 2px 0 0 8px; border: 1px solid #404040; border-bottom: 1px solid #d4d0c8; border-right: 1px solid #d4d0c8; background: #FFFFFF; color: #000000; margin:11px 5px 0 0; font-weight:bold; float:left
}
#search .but_serch {background: url(../images/search.gif) top left no-repeat; border:0px; width: 68px; height: 61px; font-size:0px;  cursor: pointer
}
.wrap {padding:0 114px; background:url(../images/wrap_bg.png) no-repeat left bottom
}
a.pathway {  font-size:12px; color:#ff3e01; text-decoration:none
}

/* content*/
#content {width:609px; float:left
}
#right { width:359px; float:right; background:#080808
}



.contentheading { background:transparent url(../images/post_head.png) no-repeat left top; padding:7px 10px 20px 64px; color:#FFFFFF; font-weight:normal; font-size:18px;
}
.posthead {color:#FFFFFF; font-weight:normal; font-size:18px; padding-bottom:4px
}
.componentheading { font-size:0px; color:#FFFFFF
}
a.readon { padding: 8px 16px; background: #010101; color: #ffffff; text-decoration: none;  font-size:11px; font-weight:bold; 
}
.createdate { font-size:11px; color:#f06203;
}
.small {font-size:11px; color:#f06203;
}
.modifydate {font-size:11px; color:#FFFFFF; clear:both; padding-bottom:15px
}
.system-pagebreak { padding:5px 19px 0 0
}

#footer {color: #4c4c4c; font-size: 12px; border-top:1px #1c1c1c solid;
}
#footer a {	color: #4c4c4c; text-decoration:underline
}

/* #######################  END GENERAL SETTINGS ############################ */



/*  OVERRIDER  */
#paramstimezone{width:260px;}
#janimation{height:321px;position:relative;overflow:hidden;width:609px;margin:0 auto;}
#janimation img{position:absolute;-moz-opacity:.0 ;opacity:0 ; filter:alpha(opacity=0);}
#janimation img.start{-moz-opacity:1 ;opacity:1 ; filter:alpha(opacity=100);}
#janimation div{padding:11px 10px;position:absolute;left:0;right:0;bottom:0;background:transparent url(../images/animation_bg.png) no-repeat scroll 0% 100%;}
#janimation input{float:left;width:15px;height:15px;margin:0 5px 0 0;padding:0}
#janimation input{-moz-opacity:.5 ;opacity:.5 ; filter:alpha(opacity=50);}
#janimation input.start{-moz-opacity:1 ;opacity:1 ; filter:alpha(opacity=100);}
#janimation .torggleplay{
  float:right;
  width:82px;
  height:18px;
  margin:0;
  padding:0;
  background:transparent url(../images/torggleplay.gif) no-repeat scroll 100% 50%;
  border:none;
  color:#ffe7d7;
  font:normal normal bold 13px "Trebuchet MS",arial,sans-serif;
  -moz-opacity:1 !important;opacity:1 !important; filter:alpha(opacity=100)}
#janimation input{position:relative; z-index: 100;}