/* @override 
	http://www.gdl3d.com/layout/builder/style.css
*/

/* STYLESHEET FORMAT GUIDE *****************************************************

  split the following sections:
  - semantics (direct formatting for <td>, <a > etc
  - classes (.whatever)
  - common plugin CSS
  - navbar
  Within these sections, entries are to be strictly alphabetized.

  SAMPLE:
  .poll-vote,
  .poll-vote-results {
    background:transparent;
    color:#000000;
    font-size:smaller;
  }

  These are the rough rules:
  - always put a ';' after the last entry
  - always a linebreak before .
  - always a linebreak after , ; { and }
  - always a . before all classes
  - two spaces indent
  - no tabs
  - no spaces after colons
*/

/* SEMANTICS ******************************************************************/

.add-comment, add-comment a:link{
	background-image: url(images/add_comments_link.gif);
	background-repeat: no-repeat;
	display: block;
	height: 26px;
	width: 30px;
	font-size: 10px;
}
.read-comment, read-comment a:link{
	background-image: url(images/comments_link.gif);
	background-repeat: no-repeat;
	display: block;
	height: 26px;
	width: 30px;
	font-size: 10px;
}
.read-more, read-more a:link{
	background-image: url(images/read_more.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 90px;
}
.add-comment-replace{
	height: 26px;
	width: 30px;
	float: left;
	font-size: 4px;
}
.read-comment-replace{
	height: 26px;
	width: 30px;
	float: right;
	font-size: 4px;
}
.read-more-replace{
	width: 100%;
}

.mobile-header {
	display: none;
}


a:link.non-ul,
a:visited.non-ul,
a:hover.non-ul,
a:active.non-ul {
	color: #54a2d2;
	text-decoration: none;
	background: transparent
}

a:link {
	color: #54a2d2;
}

a:visited {
	color: #54a2d2;
}

a:hover {
	color: #00adef;
}

a:active {
	color: #44c4a7;
}

.largelink a:link {
	color: #55a3d3;
	font-size: 1em;
}

.largelink a:visited {
	color: #55a3d3;
	font-size: 1em;
}

.largelink a:hover {
	color: #0877ab;
	font-size: 1em;
}

.largelink a:active {
	color: #33aa37;
	font-size: 1em;
}

html{
	height:100%;
	width:100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


body { 
	color: #545454;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font: 12px verdana, Tahoma, Sans, Arial, Helvetica, sans-serif;
	background: #e3e3e3 none repeat fixed;
}

pre {
	color: #000000;
	font-size: 1em;
	font-weight: bold;
}

fieldset {
	margin-bottom: 20px;
	margin-left: 20px;
}

fieldset p {
	padding: 5px;
	margin: 0px;
}

fieldset p {
	margin-top: 5px;
	margin-bottom: 0px;
}

fieldset legend {
	font-size: .9em;
}

form {
	margin-top: 0;
	margin-bottom: 0;
	color: #677178;
	background-position: 0 top;
	position: relative;
}

form div.notes p,
form div small {
	line-height: 125%;
}

form div.notes li {
	margin-left: 10px;
}

form fieldset div.notes {
	float: right;
	width: 170px;
	height: auto;
	margin: 0px 0px 10px 10px;
	padding: 5px;
	border: 1px solid #666666;
	background-color: #ffffe1;
	color: #666666;
	font-size: .75em;
}

form fieldset div.notes h4 {
	color: #666666;
	font-size: 1.3em;
	background-image: url(images/icon_info.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 3px 0 2px 27px;
	border-style: solid;
	border-width: 0 0 1px;
	border-color: #666666
}

form fieldset div.notes p {
	margin: 0em 0em 1.2em 0em;
	color: #666666;
}

form fieldset div.notes p.last {
	margin: 0em;
	padding-bottom: 5px;
}

h1 {
	font-size: 1.2em;
	padding-top: 7px;
	padding-bottom: 8px;
	text-shadow: #dcdcdc 2px 2px 3px;
	color: #0877ab;
}

h2 {
	color: #0ea425;
	font-size: 1.2em;
	line-height: 16px;
	margin-bottom: 8px;
	margin-top: 4px;
 	padding-top: 7px;
	padding-bottom: 8px;
	text-shadow: #dcdcdc 2px 2px 3px;
}

h3 {
	font-size: 10px;
	margin: 0;
	color: #33aa37;
	padding-top: 7px;
	padding-bottom: 8px;
	text-shadow: #dcdcdc 2px 2px 3px;
}

h4 {
	font-size: 10px;
	margin: 0;
	color: #33aa37;
	padding-top: 7px;
	padding-bottom: 8px;
	text-shadow: #dcdcdc 2px 2px 3px;
}

img {
	border: 0;
}

input {
	background-image: url(images/block_bg.jpg);
	color: #0877ab;
	border: 2px solid #cdcdcd;
	font-size: 0.92em;
}

input[type=checkbox]{
    border:none;
    padding:0;
    position:relative;
    top:2px;
    left:2px;
}

submit {
	color: #667178;
	background-color: transparent;
	line-height: 18px;
}

textarea {
	color: #494949;
	background: url(images/body_bg.gif) repeat-x;
	font: 12px "Lucida Grande", Arial, Verdana, Geneva, sans-serif;
}

p {
	margin-top: 5px;
}

select {
	color: #425259;
	background-image: none;
	background-color: #ebebeb;
	font-size: .96em;
}

/* CLASSES ********************************************************************/

/* Site Wrapper ***************************************************************/

.site-outerwrapper {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.site-wrapper {
	font-variant: normal;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 970px;
	height: 100%;
	background: white none repeat-x;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	-moz-box-shadow: 0px 0px 30px #cecece; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 30px #cecece; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 30px #cecece; /* Opera 10.5, IE 9.0 */
	color: #ababab;
}

.site-wrapper-right {
	width: 0;
	height: 100%;
	background-position: 0 0;
}

.site-wrapper-left {
	background: none repeat-y;
	width: 0;
	height: 100%;
}

.site-wrapper-header { 
	background-color: transparent; 
	vertical-align: top; 
	width: 100%; 
	padding-top: 12px;
	height: 100px;
}

.site-wrapper-content {
	text-align: left;
	vertical-align: top;
	width: 100%;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
}

.site-wrapper-blocks {
	vertical-align: top;
	background-image: url(images/block_bg.jpg);
	padding: 20px 0 0;
	position: static;
}

.site-wrapper-footer {
	text-align: center;
	width: 100%;
	background: transparent none no-repeat center bottom;
	padding: 10px;
}

.menu_container {
	vertical-align: middle;
	width: 710px;
		-moz-border-radius: 12px; /* FF1+ */
	-webkit-border-radius: 12px; /* Saf3+, Chrome */
	border-radius: 12px;
	-moz-box-shadow: 0px 0px 4px #cecece; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 4px #cecece; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 4px #cecece;
	background: url(images/PROCSS.gif) 0 -60px;
	padding-left: 16px;
	border: 1px solid #d3d2d3;
}

.glmenu {
}

.slogan {
	color: #777;
	font-size: 1.5em;
	font-family: Geneva, sans-serif;
	font-weight: bold;
	vertical-align: middle;
	width: 100%;
	height: 100px;
	padding-right: 20px;
}

.right-block-container {
	vertical-align: middle;
	width: 100%;
}

.block-frame {
	width: 180px;
	vertical-align: top;
	border: solid 1px #c3c3c3;
	background: #dfdfdf url(images/block_back.gif) repeat-x;
	list-style-type: square;
	opacity: 1;
	padding: 5px 15px;
	height: 350px;
	font-size: 10px;
	line-height: 14px;
}

.file-formats {
	font-size: .8em;
	color: #0877ab;
	line-height: 25px;
	font-weight: bold;
}
	
#flashMenu {
	vertical-align: middle;
	width: 100%;
	height: 40px;
	text-align: right;
}

#gradient {
	background-image: url(images/PROCSS.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center -123px;
	width: 100%;
	content: '.';
	height: 25px;
	-moz-border-radius: 8px; /* FF1+ */
	-webkit-border-radius: 8px; /* Saf3+, Chrome */
	border-radius: 8px;
	top: 10px;
	position: relative;
	right: 0;
}

/* Admin lists ****************************************************************/

.admin-list-icon {
	float: left;
	padding: 5px;
}

.admin-list-table {
	background-color: #c5c5c5;
	text-align: left;
	width: 100%;
	margin: 3px;
	font-size: 12px;
	line-height: 10px;
}

.admin-list-table form {
	margin: 0px;
}

.admin-list-search {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1em;
	color: #677178;
	padding-top: 0;
}

.admin-list-field {
}

.admin-list-headerfield {
	text-align: left;
	padding: 8px;
	line-height: 100%;
	background-color: #d3dddf;
	color: #797984;
	font-size: 1em;
	 background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ececec),color-stop(1, #bbb)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ececec', EndColorStr='#bbb'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ececec', EndColorStr='#bbb')";
}

/* general alignment classes **************************************************/

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.aligntop {
	vertical-align: top;
}

/* Blocks *********************************************************************/
.admin-config-block-left {
	text-align: left;
	margin-left: 2px;
	margin-right: 2px;
	background: url(images/BLOCK_BACK.gif) repeat-x 0 top;
	color: #677178;
	font-weight: bold;
	width: 220px;
	text-indent: 5px;
	line-height: 26px;
	padding: 5px;
}

.block-box-left {
	margin: 10px;
}


.block-box-right,
.block-box {
	text-align: left;
	margin-left: 2px;
	margin-right: 2px;
	background: none repeat-x 0 top;
	color: #677178;
}
/* do not indent lists in the blocks too much */
.block-box-left ul,
.block-box-right ul {
  padding-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.block-bg-left,
.block-bg-right {
	border-top: 1px solid #FFFFFF;
	background-color: #fff;
}
/* this is making sure that the blocks have a minimum width */
.block-bg-spreader {
  background: transparent;
	width: 180px;
	height: 1px;
}

.block-content,
.block-content-left {
	font-size: 10px;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
	overflow: hidden;
	line-height: 13px;
	padding-right: 0;
	color: #677178;
}
.block-content-right {
	vertical-align: middle;
	overflow: hidden;
	font-size: 10px;
	color: #677178;
	line-height: 14px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 12px;
	width: 220px;
}

.block-content-left ul,
.block-content-right ul,
.block-content ul {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 16px;
	padding-left: 0;
	border: none;
}

.block-divider {
	padding-top: 5px;
	background: url(images/horizontal_rule.png) repeat-x scroll center center;
	padding-bottom: 5px;
}

.block-back-right {
	width: 240px;
	font-size: 14px;
	margin-left: 15px;
	padding-right: 5px;
	padding-top: 15px;
	padding-left: 5px;
	border: 1px solid #dfdfdf;
	background-color: #efefef;
	-moz-border-radius: 12px; /* FF1+ */
	-webkit-border-radius: 12px; /* Saf3+, Chrome */
	border-radius: 12px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 20px;
	-moz-box-shadow: 0px 0px 4px #cecece; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 4px #cecece; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 4px #cecece; /* Opera 10.5, IE 9.0 */
}

.block-divider-left {
	border-top: 1px solid #cccc99;
	border-bottom: 1px solid #FFFFFF;
	width: 90%;
	margin: 0 auto;
	line-height: 0px;
}

.block-divider-right {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
	width: 90%;
	margin: 0 auto;
	line-height: 0px;
}

.block-featured-admin-config-left {
	color: #e3e3e3;
	padding: 5px;
	background-color: #f0f0f0;
	border: 1px solid #c8c8c8;
	-moz-border-radius: 12px; /* FF1+ */
	-webkit-border-radius: 12px; /* Saf3+, Chrome */
	border-radius: 12px;
		  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f4f4f4),color-stop(1, #f1f1f1)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#f1f1f1'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#f1f1f1')";
	-moz-box-shadow: 0px 0px 4px #cecece; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 4px #cecece; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 4px #cecece; /* Opera 10.5, IE 9.0 */
}
}
.block-featured-left {
	color: #e3e3e3;
	border-right: 1px solid #e3e3e3;
	padding: 4px;
}

.block-featured-right {
	color: #000000;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	width: 180px;
	border-left: 1px solid #ffffff
}

.block-helpicon {
	padding-top: 0px;
	text-align: right;
	float: right;
}

.block-message-frame {
	border: 1px solid #a1b3be;
	width: 80%;
	margin-top: 10px;
	margin-bottom: 20px;
	     -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 12px; /* Saf3+, Chrome */
          border-radius: 12px;
	background: #f3f3f3 none repeat-x 0 -65px;
}

.block-outerborder-left {
	border-left: 1px solid #cccc99;
}

.block-outerborder-right {
	border-right: 1px solid #CCCCCC;
}
.block-login {
	padding: 0;
	line-height: 14px;
}
.block-title {
	color: #33aa37;
	font-weight: bold;
	background: none repeat-x;
	font-size: 14px;
	padding-bottom: 2px;
	text-align: center;
}

.blocktitle,
.block-title-left,
.block-title-right {
	color: #55a3d3;
	font-weight: bold;
	background: none 0 -63px;
	padding-top: 10px;
	float: left;
}

.sysmessage {
	font-size: 16px;
	font-weight: bold;
}


/* Block Lists ****************************************************************/

.list-feed,
.list-new-plugins,
.list-new-comments,
.list-new-trackbacks,
.list-older-stories {
	margin: 0px;
	padding: 0px;
}

/* Comments *******************************************************************/

.commentbar-line1 {
	background: transparent url(images/nav_on_off.gif) repeat-x 0 -62px;
	color: #677178;
	padding: 15px 3px 3px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 25px;
	font-weight: bold;
	border: 1px solid #ddd;
}

.commentbar-line2 {
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	background: #fff none 0 -61px;
	font-size: 20px;
}

.commentbar-line3 {
	background: #FFFFFF;
	color: #55a3d3;
	padding: 4px 3px 0;
	text-align: center;
	font-size: 10px;
	text-decoration: underline;
}

.commenttitle {
  font-weight:bold;
  font-size:smaller;
  padding: 0 0px 0 36px;
	width: 590px;
	margin-bottom: 0;
	margin-top: 38px;
	margin-left: 25px;
	background: url(images/nav_on_off.gif) repeat-x 0 -71px;
	border: 1px solid #dbe5f3;
	height: 24px;
	color: #677178;
}
.commenttext {
	font-size: 10px;
	width: 600px;
	border-right: 1px solid #d8e6f4;
	margin-left: 25px;
	border-left: 1px solid #d8e6f4;
	position: relative;
	border-bottom: 1px solid #d8e6f4;
	padding: 15px 15px 5px;
	line-height: 12px;
}
.commentauthor {
	font-size: 10px;
	width: 575px;
	border-right: 1px dotted #dce4f3;
	margin-left: 25px;
	border-left: 1px dotted #dce4f3;
	position: relative;
	border-bottom: 1px dotted #dce4f3;
	padding: 15px 15px 5px;
	line-height: 14px;
}

.commentlinks {
	font-size: 10px;
	width: 575px;
	border-right: 1px dotted #dce4f3;
	margin-left: 25px;
	border-left: 1px dotted #dce4f3;
	position: relative;
	border-bottom: 1px dotted #dce4f3;
	padding: 5px 15px;
	line-height: 13px;
	background-color: #eee;
	margin-bottom: 8px;
}
.commentphoto {
	padding-top: 12px;
	width: 100px;
	border-left: 1px dotted #dce4f3;
}
.commentframe {
	padding: 15px;
}
/******************************************************************************/

.edit-perm-down {
	text-align: center;
}

.edit-perm-up {
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}

.fieldhelp {
	font-size: 0.8em;
	color: #666666;
}

/* Footer *********************************************************************/

.footerblock {
	color: #667178;
	font-size: 10px;
	padding: 5px 10px;

}

.footerblock a:link {
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-decoration: none;
	color: #0877ab;
}

.footerblock a:visited {
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-decoration: none;
}

.footerblock a:hover {
	color: #55a3d3;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-decoration: underline;
}

.footerblock a:active {
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-decoration: none;
}

.footer-divider-top {
	color: #000000;
	padding-top: 1px;
	-moz-border-radius: 8px; /* FF1+ */
	-webkit-border-radius: 8px; /* Saf3+, Chrome */
	border-radius: 8px;
	border: 1px solid #e1e1e1;
	background: url(images/PROCSS.gif) 0 -72px;
}

/* Forms **********************************************************************/

.form-description {
	font-weight: bold;
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 5px;
	display: block;
}

.form-field {
	padding-bottom: 5px;
	margin-left: 105px;
}

/* Header *********************************************************************/

.header-logobg-left {
	padding-top: 4px;
	text-align: left;
	vertical-align: middle;
	margin-top: 11px;
	padding-left: 15px;
	width: 50%;
	height: 78px;
}

.header-logobg-right {
	padding-top: 4px;
	text-align: right;
	padding-right: 15px;
	vertical-align: middle;
	width: 50%;
	height: 78px;
}

.header-logobg-container-inner {
	background: #1a3955 url(images/header-bg.png);
	border-bottom: 1px solid #cccccc
}

.header-logobg-container-outer {
	background: #FFFFFF;
	padding-bottom: 1px;
}

.header-navigation-container {
	border-bottom: 1px solid #FFFFFF;
}

.header-navigation-line {
	background: #cccc99;
	border-bottom: 1px solid #CCCCCC;
	color: #FFFFFF;
	padding-bottom: 3px;
	padding-top: 4px;
	text-align: right;
}

.header-navigation-line a:link {
	background: transparent;
	border-bottom: 0px solid #CCCCCC;
	color: #0000FF;
	font-size: .9em;
}

.header-navigation-line a:visited {
	background: transparent;
	border-bottom: 0px solid #CCCCCC;
	color: #800080;
	font-size: 0.9em;
}

.header-navigation-line a:hover {
	background: transparent;
	border-bottom: 0px solid #CCCCCC;
	color: #008000;
	font-size: 0.9em;
}

.header-navigation-line a:active {
	background: transparent;
	border-bottom: 0px solid #CCCCCC;
	color: #FF0000;
	font-size: 0.9em;
}

.header-welcomeanddate-box {
	border-bottom: 1px solid #CCCCCC;
	height: 52px;
}

.header-welcomeanddate-text {
	position: relative;
	top: 12px;
	left: 4px;
}

/******************************************************************************/

.highlight {
	color: #000000;
	background-color: yellow;
	text-decoration: none;
}

.inputTable td {
	padding: 4px;
	vertical-align: top;
}

.inputTable label {
	font-weight: bold;
	float: right;
	white-space: nowrap;
}

.moderation-cc {
	width: 100%;
}

.moderation-cc-row {
	clear: both;
	height: 80px;
	width: 100%;
}

.moderation-cc-item {
	float: left;
	text-align: center;
}

.pagenav {
	text-align: center;
	color: #667178;
}

.row_center td {
	text-align: center;
}

.searchauth {
	background: transparent;
	color: #000000;
	text-align: left;
}

.searchdate {
	background: transparent;
	color: #000000;
	text-align: right;
}

.searchform-box {
	background: #cccc99;
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
	height: 52px;
	padding: 0px 4px 0px 1px;
	margin: 0px;
}

.searchform-elements {
	display: inline;
	position: relative;
	padding: 0;
}

.searchform-elements input {
	font-size: 1em;
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	border-radius: 5px;
}

.searchhits {
	background: transparent;
	color: #000000;
	text-align: right;
}

.site-slogan {
	color: #ffffff;
	background: transparent;
}

/* Stats **********************************************************************/

.stats-list-count {
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
}

.stats-header-title {
	text-align: left;
	width: 90%;
	padding-left: 5px;
	padding-right: 5px;
}

.stats-header-count {
	text-align: left;
	width: 10%;
	padding-left: 5px;
	padding-right: 5px;
}

/* Story **********************************************************************/
/* the frame around all elements of one story */

.story {
  background: transparent;
	color: #4e4f4e;
	width: 100%;
	height: 100%;
}

.story-box {
  background: transparent;
	width: 100%;
	height: 100%;
}
/* the title of a story */

.story h1 {
  background: transparent;
	color: #0877ab;
	font-weight: bold;
	padding-left: 1px;
	margin-bottom: 0;
	text-shadow: #dcdcdc 2px 2px 3px;
}

.story-title-featured {
	padding-top: 16px;
}

.story-body {
	width: 100%;
	height: 100%;
	color: #3c3c3c;
	font-size: 12px;
	line-height: 18px;
}
.story-borderguide {
	border-right: 1px solid #e6e6e6;
}
/* the frame around all elements of a featured story */
.story-featured {
  background: transparent;
	color: #000000;
	width: 100%;
	height: 100%;
}
/* the title of a featured story */
.story-featured h1 {
  background: transparent;
	font-size: 16px;
	margin-bottom: 0;
	color: #0877ab;
	text-shadow: #dcdcdc 2px 2px 3px;

}
/* print & mail icons in a storybox */
.story-icons {
  float: right;
}
/* frame around all stories & centerblocks*/
.story-container {
	padding: 0 19px 10px 10px;
	width: 100%;
	height: 100%;
}
/* the bottom of the story with edit-links etc */
.story-footer {
	text-align: center;
	margin-bottom: 20px;
}
/* the author, views and date of a story */
.story-information {
  padding: 0;
	font-size: 0.84em;
	color: #86a8b7;
	line-height: 12px;
}

/******************************************************************************/

.topicoption,
.topicoption-off {
	
}

.warning {
	background: transparent;
	color: #ef6b00;
	font-weight: bold;
}

.warningsmall {
	background: transparent;
	color: #f9572b;
	font-size: 8px;
	line-height: 14px;
	font-weight: bold;
}

/* Default Plugin CSS Declarations */

/* Recommended CSS to be used by Plugin Authors - allows easier site themeing */

.plugin {
	background-color: transparent;
}

.plugin th {
	color: #0877ab;
	text-align: left;
	padding: 5px
}

.plugin tr { vertical-align: top; padding: 5px; }

.plugin td { padding: 4px;
}

.pluginBG {
	padding: 0;
	line-height: 25px;
	background-color: #ddd;
	border: 1px solid #ddd;
	margin-bottom: 10px;
}

.pluginAltBG {
	
}

.pluginCellTitle {
	color: #828282;
	-moz-border-radius: 8px; /* FF1+ */
	-webkit-border-radius: 8px; /* Saf3+, Chrome */
	border-radius: 8px;
	border: 1px solid #e1e1e1;
	padding: 5px;
	margin-bottom: 12px;
	margin-top: 12px;
	background: url(images/PROCSS.gif) repeat 0 -72px;
	font-size: 10px;
	font-weight: bold;
}

.pluginCellFill {
	background-color: #f1f1f1;
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	border-radius: 5px;
}

.pluginCellText {
	color: #667178;
	font-size: 10px;
}

.pluginHeader {
	color: #425259;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	background-color: transparent;
}

.pluginFooter, .pluginFooter td {
	color: #68757c;
	background-color: #efefef;
}

.pluginAlert {
	padding: 5px 15px;
	background-color: #e2eef2;
	text-align: center;
	border: 1px dotted #86a8b7;
	font-weight: bold;
	color: #be4952;
}

.pluginInfo {
	color: #f1f1f1;
	-moz-border-radius: 12px; /* FF1+ */
	-webkit-border-radius: 12px; /* Saf3+, Chrome */
	border-radius: 12px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 20px;
	font-weight: bold;
	  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bcbcbc),color-stop(1, #999999)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#bcbcbc', EndColorStr='#999999'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#bcbcbc', EndColorStr='#999999')";
	font-size: 14px;
	-moz-box-shadow: 0px 0px 4px #bcbcbc; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 4px #bcbcbc; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 4px #bcbcbc;
	background-color: #a1a1a1;
	padding-top: 10px;
}

.pluginSubTable {
	color: #000000;
	background-color: #CCCCCC;
	border-style: solid;
}

.pluginSubTable th {
	color: #000000;
	background-color: #e3e3e3;
	text-align: left;
	padding: 5px
}

.pluginSubTable tr {
	vertical-align: top;
}

.pluginSolidOutline {
	border: 1px solid #e9e9e9;
	padding: 5px;
	-moz-border-radius: 8px; /* FF1+ */
	-webkit-border-radius: 8px; /* Saf3+, Chrome */
	border-radius: 8px;
}

.pluginSolidFill {
	background-color: #ecf7fa}

.pluginTitle {
	color: #828282;
	padding: 4px 6px;
	text-align: left;
	font-size: 1.2em;
	background: url(images/PROCSS.gif) repeat center -72px;
}

.pluginCellSubTitle {
	color: #667178;
	padding-left: 6px;
	padding-right: 6px;
	font-weight: bold;
	border-bottom: 1px solid #d4dfe3;
	background-image: none;
	background-color: #efefef;
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	border-radius: 5px;
}

.pluginTinyText {
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	color: #33aa37;
	padding: 5px;
}

.pluginSmallText {
	font-size: 0.8em;
}

.pluginMediumText {
	font-size: 1em;
}

.pluginLargeText {
	font-size: 1.25em;
}

.pluginAltText {
	color: gray;
}

.pluginRow1{ 
color: #425259; 
margin: 2px; 
padding: 2px 5px; 
border-bottom: 1px solid #e3e3e3;
background-color: white;
background-image: none;

}

.pluginRow2{ color: #425259; 
background-color: #f4f4f4; 
margin: 2px; 
padding: 2px 5px; 
border-bottom: 1px solid #e3e3e3;
 
}

.pluginRow1 .pluginRollOver,
.pluginRow2 .pluginRollOver,
.pluginRollOver { 
color: #00adef; 
margin: 2px; 
padding: 2px 5px;
-moz-border-radius: 5px; /* FF1+ */
-webkit-border-radius: 5px; /* Saf3+, Chrome */
border-radius: 5px;
border: 1px solid #828282;
	background: url(images/PROCSS.gif) repeat 0 -72px;
}

.pluginRow1 .pluginRollOut,
.pluginRow2 .pluginRollOut,
.pluginRollOut { color: #828282; background-color: white; margin: 2px; padding: 2px 5px;  border-bottom: 1px solid #e3e3e3; }

.pluginLinks A:link {
	color: #55a3d3;
}

.pluginLinks A:visited {
    color: #0877ab;
}

.pluginLinks A:hover {
	color: #0877ab;
}

.pluginBreadCrumbs,
.pluginBreadCrumbs A:link {
	color: #667178;
	padding-bottom: 0;
}

.pluginBreadCrumbs A:visited {
	color: #667178;
	text-decoration: none;
}

.pluginBreadCrumbs A:hover {
	color: #55a3d3;
}

a.pluginButton:link, a.pluginButton:visited {
	color: #000000;
	text-align: center;
	padding-top: 2px;
	display: block;
	height: 19px;
	background-color: transparent;
}

a.pluginButton:hover {
	color: blue;
	text-decoration: none;
	background: none repeat-x center;
	text-align: center;
	display: block;
	padding-top: 2px;
	height: 19px}

/* Navbar Class CSS ***********************************************************/

#navcontainer {
	float: left;
	width: 100%;
	font-size: 93%;
	line-height: normal;
	border-bottom: 1px solid #24618E;
}

#navcontainer ul {
	margin: 0px;
	padding: 10px 10px 0 50px;
	list-style: none;
}

#navcontainer li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#navcontainer a {
	text-decoration: none;
	background: url(navbar/images/tableftJ.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 5px;
	float: left
}

#navcontainer a span {
	color: #24618e;
	background: url(navbar/images/tabrightJ.gif) no-repeat right top;
	display: block;
	padding: 5px 15px 4px 6px;
	float: left
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#navcontainer a span {
	float: none;
}

/* End IE5-Mac hack */

#navcontainer a:hover span {
	color: #FFFFFF;
}

#navcontainer a:hover {
	background-position: 0% -42px;
}

#navcontainer a:hover span {
	background-position: 100% -42px;
}

#navcontainer a#current span {
	color: #ffffff;
	background: url(navbar/images/tabrightI.gif) no-repeat 100% -42px
}

#navcontainer a:link#current,
#navcontainer a:visited#current,
#navcontainer a:hover#current {
	background: url(navbar/images/tableftI.gif) no-repeat 0 -42px
}

/* Common CSS for on-hover tooltip feature */

a.tooltip {
	position: relative;
	

/*this is the key*/
  z-index: 10;
	color: #677178;
	text-decoration: none;
}

a.tooltip:hover {
	z-index: 100;
	text-decoration: none
}

a.tooltip span {
	display: none
}

a.tooltip:hover span {
	/*

the span will display just on :hover state*/
  z-index: 100;
	color: #677178;
	font-size: .84em;
	display: block;
	position: absolute;
	border: 1px solid #c5c5c5;
	background-color: #e9e9e9;
	padding: 8px 12px;
	text-align: left;
	text-decoration: none;
	left: -20px;
	top: 10px;
	min-width: 170px;
	font-weight: bold;
	line-height: 16px;
}

/* End of common CSS for on-hover info feature */

/* End of Common Plugin CSS */

/* Poll Plugin ****************************************************************/
.poll-vote,
.poll-vote-results {
	background: transparent;
	line-height: 12px;
	font-size: 1em;
	margin-right: 0;
	margin-left: 4px;
}

/* Forum Plugin specific CSS */

.codeblock {
	background-color: #ECE9D8;
	color: #000;
	width: 550px;
	height: 160px;
	overflow: auto;
	min-height: 50px;
	max-height: 120px;
	margin: 5px 0px 5px 5px;
	padding: 5px;
	border: 1px dashed black;
}

.quotemain {
	background: #ebebeb url(forum/image_set/img_quote.gif) repeat right top;
	border: 1px solid #d7d7d7;
	border-left: 4px solid #cdcdcd;
	color: #425259;
	margin: 5px 10px 8px;
	padding: 10px 10px 10px 15px;
}

/* MyCal Block */

.mycalTopTitle { color: #55a3d3;
	background: url(images/nav_on_off.gif) 0 107px;
	padding-bottom: 2px;
	font-size: 10px;
	font-weight: bold;
}

.mycalblockback {
	padding: 2px;
}

.mycalTitle { background-color:#CECECE }
.mycalDateField { background-color:#F9F9F9;
	padding: 4px;
	border: 2px solid #ededed;
}
.mycalEventHighlight { background-color:#8FBC8F;
	padding: 4px;
}
.mycalTodayHighlight { background-color: #d9f5f8;
	padding: 4px;
	border: 1px solid #e7e7e7;
}
.mycalNextMonth {
	border: 2px solid #ededed;
	padding: 4px;
	background: url(images/nav_on_off.gif) 0 107px;
	font-weight: bold;
}


/* CSS Declarations for Code block feature - default will use the .php one */

div .php {
	max-height: 400px;
	overflow: auto;
	height: auto;
	width: 700px;
	min-height: 100px;
}

div .html {
	height: 300px;
	overflow: auto;
	width: auto;
	min-height: 100px;
}

div .css {
	height: 300px;
	overflow: auto;
	width: auto;
	min-height: 100px;
}

/* END of Forum Plugin CSS */

/* Messenger Plugin */

a.btn1:link,
a.btn1:visited {
	color: #0877ab;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	display: block;
	height: 16px;
	margin: 0px;
	text-decoration: none;
	background-color: transparent;
	font-size: .8em;
}

a.btn1:hover {
	color: white;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	background: center url(messenger/images/button_over.gif);
	display: block;
	height: 16px;
	text-decoration: none;
}

.msgDisabledBtn {
	color: #AAA;
	padding-top: 4px;
}

.msgNavbar {
	color: #667178;
	background-color: #d4dfe3;
}

.msgNavbar A:link {
	color: #0877ab;
	text-decoration: underline;
	font-size: .8em;
}

.msgNavbar A:visited {
	color: #0877ab;
	text-decoration: underline;
	font-size: .8em;
}

.msgNavbar A:hover {
	color: #55a3d3;
	text-decoration: underline;
	font-size: .8em;
}

div.pm {
	width: 100%;
	height: 100px;
	border: 0px;
	overflow-x: hidden;
	overflow: auto;
}

div.pmbuddylist {
	width: 100px;
	height: 160px;
	border: 0px;
	overflow-x: hidden;
	overflow: auto;
	padding: 5px;
}

/* Yahoo container.css */

.overlay {
	position: absolute;
	display: block;
}

.tt {
	visibility: hidden;
	position: absolute;
	color: #333;
	background-color: #FDFFB4;
	font-family: arial,helvetica,verdana,sans-serif;
	padding: 2px;
	border: 1px solid #FCC90D;
	font: 100% sans-serif;
	width: auto;
}

* html body.masked select {
	visibility: hidden;
}

* html div.panel-container select {
	visibility: inherit;
}

* html div.drag select {
	visibility: hidden;
}

* html div.hide-select select {
	visibility: hidden;
}

.mask {
	z-index: 0;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity=50);
	background-color: #CCC;
}

.hide-scrollbars * {
	overflow: hidden;
}

.hide-scrollbars textarea, .hide-scrollbars select {
	overflow: hidden;
	display: none;
}

.show-scrollbars textarea, .show-scrollbars select {
	overflow: visible;
}

.panel-container {
	position: absolute;
	background-color: transparent;
	z-index: 6;
	visibility: hidden;
	overflow: visible;
	width: auto;
}

.panel-container.matte {
	padding: 3px;
	background-color: #FFF;
}

.panel-container.matte .underlay {
	display: none;
}

.panel-container.shadow {
	padding: 0px;
	background-color: transparent;
}

.panel-container.shadow .underlay {
	visibility: inherit;
	position: absolute;
	background-color: #CCC;
	top: 3px;
	left: 3px;
	z-index: 0;
	width: 100%;
	height: 100%;
	-moz-opacity: 0.7;
	opacity: .70;
	filter: alpha(opacity=70);
	zoom: 1;
}

.panel {
	visibility: hidden;
	border-collapse: separate;
	position: relative;
	left: 0px;
	top: 0px;
	background-color: #FFF;
	border: 1px solid #000;
	z-index: 1;
	overflow: hidden;
}

.panel .hd {
	color: #fff;
	font-weight: bold;
	line-height: 100%;
	padding: 4px;
	overflow: hidden;
	border-style: solid;
	border-width: 1px;
	border-color: #fff #fff #000;
	background-image: url(images/GEL_GRAD.gif);
	text-align: left;
	font-size: 1.1em;
}

.panel .bd {
	overflow: hidden;
	padding: 10px;
	background: white url(images/BLOCK_BACK.gif) no-repeat center center;
	line-height: 20px;
}

.panel .bd p {
	margin: 0 0 1em;
}

.panel .close {
	position: absolute;
	top: 5px;
	right: 4px;
	z-index: 6;
	height: 12px;
	width: 12px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	cursor: pointer;
	visibility: inherit;
}

.panel .close.nonsecure {
	background-image: url(http://us.i1.yimg.com/us.yimg.com/i/nt/ic/ut/alt3/close12_1.gif);
}

.panel .close.secure {
	background-image: url(https://a248.e.akamai.net/sec.yimg.com/i/nt/ic/ut/alt3/close12_1.gif);
}

.panel .ft {
	padding: 5px;
	overflow: hidden;
	background: transparent url(images/block_bg.jpg) repeat center top;
	text-align: left;
	color: #667178;
	font-size: .84em;
}

.simple-dialog .bd .icon {
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	float: left;
}

.dialog .ft, .simple-dialog .ft {
	padding-bottom: 5px;
	padding-right: 5px;
	text-align: right;
}

.dialog form, .simple-dialog form {
	margin: 0;
}

.button-group button {
	text-decoration: none;
	background-color: #fff;
	color: #677178;
	cursor: hand;
	vertical-align: middle;
	margin: 2px;
	padding: 4px;
	font-weight: bold;
	font-size: 96%;
}

.button-group button.default {
	font-size: 96%;
	color: #7ab1df;
	background-color: #ecf7fa;
	font-weight: bold;
}

.button-group button:hover, .button-group button.hover {
	background-color: #7ab1df;
	color: white;
}

.button-group button:active {
	background-color: #677178;
	color: white;
}

/* Custom Styles for the Executive theme */
.HorizontalRuleTile {
	background: url(images/horizontal_rule.png) repeat-x;
}

/* End Yahoo container.css */
/* EXT */
#loading{
	position:absolute;
    left:45%;
    top:40%;
    padding:2px;
    z-index:20001;
    height:auto;
    border:1px solid #ccc;
}
#loading a {
    color:#225588;
}
#loading .loading-indicator{
    background:white;
    color:#444;
    font:bold 13px tahoma,arial,helvetica;
    padding:10px;
    margin:0;
    height:auto;
}
#loading-msg {
    font: normal 10px arial,tahoma,sans-serif;
}
/* Search fields */
#search-textbox {
  background:url(images/bg_search.jpg) no-repeat right -22px #fff;
  color:#000000;
}
#search-textbox:focus {
  background:url(images/bg_search.jpg) no-repeat right -1px #fff;
  color:#000000;
}
#gallery-search-textbox {
  background:url(images/bg_search.jpg) no-repeat right -22px #fff;
  color:#000000;
}
#gallery-search-textbox:focus {
  background:url(images/bg_search.jpg) no-repeat right -1px #fff;
  color:#000000;
}

#forum-search-textbox {
  background:url(images/bg_search.jpg) no-repeat right -22px #fff;
  color:#000000;
}
#forum-search-textbox:focus {
  background:url(images/bg_search.jpg) no-repeat right -1px #fff;
  color:#000000;
}

/* Nexform CSS Begins */
.frm {
  border:1px solid #CCC;
  background-color:#EFEFEF;
}

.frm_topheader {
  height:120px;
  background: #091215 url(nexform/images/formheader.jpg) no-repeat;
}

.frm_topheader td {
  font-size:24pt;
  Color: #793138;
  font-weight: bold;
  margin-top:20px;
  text-align:center;
}

.frm_label1 {
  white-space: normal;
  font-weight: normal;
  font-style: normal;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px solid #ccc;
}

/* Bold */
.frm_label2 {
  white-space: normal;
  font-weight: bolder;
}

/* Regualar */
.frm_label3 {
  white-space: normal;
  font-weight: normal;
}

/* Highlighted */
.frm_label4 {
  color: #336699;
  font-weight: bold;
  white-space: normal;
}

/* Large Heading */
.frm_h1 {
  font: bold 150% verdana,helvetica,Arial;
  color: #2b82ca;
  margin: 5px 5px 5px 0px;
	text-shadow: #dcdcdc 2px 2px 3px;

}

/* Medium Heading1 */
.frm_h2 {
  font: bold 125% verdana,helvetica,Arial;
  color: #000000;
  margin: 8px 5px 7px 0px;
}

/* Small Heading */
.frm_h3 {
  font: bold 100% verdana,helvetica,Arial;
  margin: 8px 5px 7px 0px;
}

.frmRow1 {
  background-color: #EFEFEF;
  padding:5px 5px 5px 5px;
}
.frmRow2 {
  background-color: #EFEFEF;
  padding:5px 5px 5px 5px;
}

/* Styles reserved for Scott - Printing of Form Project Information */
.frm_labelP1 {
  white-space:normal;
  font-size: 12pt;
  font-weight:bolder;
}
.frm_labelP2 {
  white-space:normal;
  font-size: 12pt;
  padding-top:2px;
  font-weight:bolder;
  display:block;
}

.frm_legend {
  padding: 0.2em 0.5em;
  border:1px solid #003366;
  color: #003366;
  font-size:9pt;
  font-weight:bold;
  margin-top:5px;
  margin-bottom:10px;
}

/* End of Nexform CSS */

/* -------------------------------------------------------------
      CSS3, Please! The Cross-Browser CSS3 Rule Generator
      ===================================================

      You can edit the underlined values in this css file,
      but don't worry about making sure the corresponding
      values match, that's all done automagically for you.

      Whenever you want, you can copy the whole or part of
      this page and paste it into your own stylesheet.
------------------------------------------------------------- */

 /*                           [to clipboard] [toggle rule off] */
.box_round {
     -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 12px; /* Saf3+, Chrome */
          border-radius: 12px; /* Opera 10.5, IE 9 */
}
  
/*                           [to clipboard] [toggle rule off] */
.box_shadow {
     -moz-box-shadow: 0px 0px 4px #ffffff; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #ffffff; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #ffffff; /* Opera 10.5, IE 9.0 */
}
  
/*                           [to clipboard] [toggle rule off] */
.box_gradient {
  background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; /* IE8 */
}
  
/*                           [to clipboard] [toggle rule on] 
.box_rgba {
  background-color: #B4B490;
  background-color: rgba(180, 180, 144, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome 
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490'); /* IE6,IE7 
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490')"; /* IE8 
}
  
/* */
/*                           [to clipboard] [toggle rule on] 
.box_rotate {
     -moz-transform: rotate(7.5deg);  /* FF3.5+ 
       -o-transform: rotate(7.5deg);  /* Opera 10.5 
  -webkit-transform: rotate(7.5deg);  /* Saf3.1+, Chrome 
             filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
                     M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104); /* IE6,IE7 
         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', 
                     M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104)"; /* IE8 
               zoom: 1;
}
  
/* */
/*                           [to clipboard] [toggle rule off] */
.box_transition {
     -moz-transition: all 0.3s ease-out;  /* FF3.7+ */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
}
  
 @font-face {
  font-family: 'WebFont';
  src: url('myfont.eot');  /* IE6+ */
  src: local('☺'), 
        url('myfont.woff') format('woff'),  /* FF3.6 */
        url('myfont.ttf') format('truetype');  /* Saf3+,Chrome,FF3.5,Opera10+ */
}
  



/* 
    btw- up/down keys work, along with your mouse wheel. ;)
    coming soon.. extra css transforms (skew, scale), text-shadow and more.
    plz leave feedback here.
    
    Notes: 
     + Multiple IE filters must be comma delimited in a single declaration. They are not additive in separate blocks.
     + The closest thing to box-shadow for IE is Blur with makeShadow but you need a duplicate div.
    
    © 2010; a Paul Irish and Jonathan Neal joint, in association w/ Boaz Sender and Zoltan Hawryluk.
    
            if you like this, you'll probably also dig yayQuery. <3
*/




 /*  
    __Changelog__
    2010.03.25: Fixed the gradient flipflop. Fixed fixed positioning bug.
    2010.04.04: New copy to clipboard style. Better mousewheel support.
    2010.04.05: Real rotation in IE (Thx Zoltan!). Added transition. No more DropShadow for IE (it's crap)
*/