@charset "utf-8";
/* CSS Document */

body{margin:0; background: url(../images/bg_main.png) repeat-x #b3e4fd; background-position:0 90px; font-family: Arial, "Helvetica", sans-serif; font-size:12px;}

a:link, a:visited,a:active {text-decoration: none; color:#3b5998;}

a:hover{text-decoration:none; color:#1874CD;}

a img{border:none;}

h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: 0;
}

p{line-height:17px; font-weight:normal; margin: 0; padding: 0;}

header{background-color:#000; height:133px;}

#logo{height:85px; width:246px; display:block; float:left;}

#container{width:1050px; overflow:hidden; min-height:400px; margin:0 auto;}

/* RSS Feeds */

.rss-row{margin:10px 10px 15px 30px; width:100%; float:left; font-size:13px; font-weight:bold;}

.ico-rss{padding-right:7px;}

/* Menu */
#menu-bar{margin:0; background:#FFF; overflow:hidden;}

#menu-center {
  z-index:1000;
  margin:0 auto;
  width:1050px;
}

#top-menu{width:680px; float:left;}

#top-menu,
#top-menu ul,
#top-menu ul li,
#top-menu ul li a {
  padding: 0;
  line-height: 1;
  font-weight: bold;
  font-size: 16px;
  color: #000;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index:1000;
}

#top-menu ul,
#top-menu ul li,
#top-menu ul li a {margin: 0;}

#top-menu:before,
#top-menu:after,
#top-menu > ul:before,
#top-menu > ul:after {
  content: '';
  display: table;
}
#top-menu:after,
#top-menu > ul:after {
  clear: both;
}
#top-menu a {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
#top-menu ul {
  background: #FFF;
}
#top-menu ul > li {
  float: left;
  list-style: none;
}
#top-menu ul > li > a {
  display: block;
  text-decoration: none;
  padding: 14px 20px;
  position: relative;
}
#top-menu ul > li > a:hover {
  background: #f2f2f2;
  -moz-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.3);
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}
#top-menu ul > li > a:hover:before {
  content: '';
  z-index: 2;
  position: absolute;
  border: 1px solid white;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: -1px;
  opacity: .2;
}
#top-menu ul > li > a:hover:after {
  content: '';
  z-index: 2;
  position: absolute;
  border: 1px solid white;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1px;
  opacity: .2;
}
#top-menu > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  border-bottom:1px solid #A2A2A2;
  border-left:1px solid #A2A2A2;
  border-right:1px solid #A2A2A2;
}
#top-menu > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  position: absolute;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
#top-menu > ul > li > ul {
  width: 200px;
  position: absolute;
}
#top-menu > ul > li > ul > li {
  float: none;
  position: relative;
}
#top-menu > ul > li > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
#top-menu > ul > li > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  position: absolute;
}
#top-menu > ul > li > ul > li > ul {
  left: 200px;
  top: 1px;
  width: 200px;
}
#top-menu > ul > li > ul > li > ul > li {
  float: none;
}

/* Right Menu */

#right-menu > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  line-height: 1;
}
/* The container */
#right-menu > ul {
  display: block;
  position: relative;
  width: 300px;
  /* The list elements which contain the links */

}
#right-menu > ul li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
/* General link styling */
#right-menu{ margin-bottom:5px;}

#right-menu > ul li a {
  display: block;
  position: relative;
  margin: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #c9c9c9;
  padding: 11px 20px;
  /* Typography */
  color: #000;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  /* Background & effects */
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;

  background: #FFF;
}
/* Rounded corners for the first link of the menu/submenus */
#right-menu > ul li:first-child > a {
   border-top: 0;
}
/* Rounded corners for the last link of the menu/submenus */
#right-menu > ul li:last-child > a {
  border-bottom: 0;
}
/* The hover state of the menu/submenu links */
#right-menu > ul li > a:hover,
#right-menu > ul li:hover > a {
  color: #000;
  display: block;
  background: #f2f2f2;
  -moz-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.3);
}

/* Profile */

.profile-box{background-color:#FFF; margin-top:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #dedede; -webkit-box-shadow: 0 1px 1px #dedede; -o-box-shadow: 0 1px 1px #dedede; box-shadow: 0 1px 1px #dedede; padding:0; overflow:hidden;}

.Profile-Picture{float:left; margin:10px; width:200px;}

.profile-info{float:left; width:495px; margin:10px 10px 10px 0;}

.info-row{padding:5px 0; border-bottom:1px solid #C0C0C0}

.about-row{float:left; width:710px; margin:0 10px 10px 10px;}

#header-box{width:1050px; margin:0 auto; overflow:hidden;}

.login-box{width:300px; float:right; text-align:right; color:#FFF; font-size:14px; font-weight:bold; padding:5px 10px 0 0;}

.login-links:link, .login-links:visited, .login-links:hover{color:#FFF; font-size:14px; font-weight:bold;}

.left{float:left; width:730px; margin:10px 0;}

.right{float:right; width:310px; margin:10px 0;}

.r-box{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:#FFF; margin-top:10px; width:300px; padding:0; overflow:hidden; float:right;}

.ad-box{margin-top:10px; width:300px; padding:0; overflow:hidden; float:right;}

.top-ad{margin-top:10px;}

.title{font-size:15px; padding:10px 0; text-align:center; border-bottom:1px solid #1b1b1b; color:#FFF; background:#000;}

.story-box{background-color:#FFF; margin-top:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #dedede; -webkit-box-shadow: 0 1px 1px #dedede; -o-box-shadow: 0 1px 1px #dedede; box-shadow: 0 1px 1px #dedede; padding:0;}

#output{padding:10px;}

.box{padding:10px; overflow:hidden;}

.slog-reg, .msg{background-color:#FFF; margin-top:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #dedede; -webkit-box-shadow: 0 1px 1px #dedede; -o-box-shadow: 0 1px 1px #dedede; box-shadow: 0 1px 1px #dedede; padding:0; padding:10px; font-weight:bold;}

.bottom-bar{background-color:#FFF; margin-top:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #dedede; -webkit-box-shadow: 0 1px 1px #dedede; -o-box-shadow: 0 1px 1px #dedede; box-shadow: 0 1px 1px #dedede; padding:0; padding:10px; font-weight:bold; overflow:hidden;}

.bottom-left{float:left; width:60%; padding:0;}

.bottom-right{float:right; width:40%; padding:0; text-align:right; margin-top:4px;}

.story-link:link, .story-link:visited, .story-link:hover{color:#000;}

.story-link{display:block; padding:10px;}

.p-username{padding:5px 20px;}

.bottom-box{padding:5px; background-color:#dfedf4; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow:hidden;}

.bar-left{float:left; width:50%;}

.bar-right{float:right; width:50%; text-align:right; margin-top:3px; line-height:20px;}

.blinks{float:left; padding:5px 10px 5px 5px; line-height:18px;}

.vote{float:left; padding:5px; margin-right:5px;}

.likes.one{background-image:url(../images/liked.png); background-repeat:no-repeat; padding:1px 7px 0 18px; float:left;}

.likes.two{background-image:url(../images/like.png); background-repeat:no-repeat; padding:1px 7px 0 18px; float:left;}

.ptitle-bar h1{font-size:15px; font-weight:bold; text-align:center; padding-bottom:10px;}

.title-bar h1{font-size:15px; font-weight:bold; text-align:center; padding:10px 0; color:#FFF; background-color:#282828;-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}

.title-other h1{font-size:15px; font-weight:bold; text-align:center; padding:10px 0; color:#FFF; background-color:#282828;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:10px 0;}

.inf-text{padding:10px;}

.inf-text div{padding:10px 0;}

.social{float:right; text-align:right; margin-top:10px;}

/* Commnets */

#main{margin:10px 0;}

.comment{margin:10px 0;}

.comment, #addCommentContainer{
	
	position:relative;
	margin-bottom:10px;
	
}

.comment-form{background-color:#FFF; margin-top:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #dedede; -webkit-box-shadow: 0 1px 1px #dedede; -o-box-shadow: 0 1px 1px #dedede; box-shadow: 0 1px 1px #dedede; padding:10px;}

.comment .avatar{

	height:50px;
	position:absolute;
	width:50px;
	background: url(../images/default-avatar.png) no-repeat #E6E6E6;
	margin-top:-25px;
	top:50%;
}

.comment .avatar img{
	display:block;
}

.comment .name{

	padding-bottom:10px;
	margin-left:60px;
	font-size:14px;
	font-weight:bold;
	width:450px;
}

.comment .date{
	font-size:10px;
	position:absolute;
	right:15px;
	top:2px;
	color:#666;
}

.comment p, #addCommentContainer p{
	
	overflow-x:hidden;
	margin-left:60px;
}

.comment-box{background-color:#FFF; margin-top:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #dedede; -webkit-box-shadow: 0 1px 1px #dedede; -o-box-shadow: 0 1px 1px #dedede; box-shadow: 0 1px 1px #dedede; padding:10px;}


#addCommentContainer textarea{
	width:680px;
	padding:5px 5px;
	border:solid 1px #cccccc;
	height: 50px;
	height: 50px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin:10px;
}


label span.error{
	clear:both;
	color:red;
}

/* Pagination */

.pagediv{background-color:#FFF; margin-top:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #dedede; -webkit-box-shadow: 0 1px 1px #dedede; -o-box-shadow: 0 1px 1px #dedede; box-shadow: 0 1px 1px #dedede; padding:3px;}

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	padding:6px 6px;
	margin-right:2px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
	position:relative;
	  
}
div.pagination a:hover, div.pagination a:active {
	background-color:#ce0100;	
}
div.pagination span.current {
	padding: 6px 6px;
	margin: 2px;
	font-weight: bold;
	background-color: #B30004;
	color: #FFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	text-shadow:1px 1px 0px #b23e35;
	border:1px solid #d83526;
}
div.pagination span.disabled {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color: #B00004;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #d83526;
	display:inline-block;
	color: #FF9D9F;
	padding:6px 6px;
	margin-right:2px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}

.refresh-page{padding:10px; text-align:center; background-color:#FFF; margin-top:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px #dedede; -webkit-box-shadow: 0 1px 1px #dedede; -o-box-shadow: 0 1px 1px #dedede; box-shadow: 0 1px 1px #dedede; font-weight:bold;}

/* ColorBox */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; background:url(../images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(../images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(../images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(../images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(../images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(../images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{background:#fff url(../images/loading.gif) no-repeat 5px 5px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* Buttons */

.nav-button{
    padding: 7px 10px;
    display: inline;
    background: #2787b9 url(../../../images/button.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
	text-decoration: none;
    }
.nav-button:link{color:#FFF;}

.nav-button:visited{color:#FFF;}
	
.nav-button:hover {
    background-position: 0 -48px;
    }
.nav-button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
    }
	
.nav-disabled{
    padding: 7px 10px;
    display: inline;
    background: #2787b9 url(../../../images/button.png) repeat-x bottom;
    border: none;
    color: #207099;
    cursor: default;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #2a7ca6;
	text-decoration: none;
    }
.nav-disabled:link{color:#207099;}

.nav-disabled:visited{color:#207099;}

.vote.up{
    padding: 7px 10px;
    display: inline;
    background: #6fae22 url(../../../images/button.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
	text-decoration: none;
    }
.vote.up:link{color:#FFF;}

.vote.up:visited{color:#FFF;}
	
.vote.up:hover {
    background-position: 0 -48px;
    }
.vote.up:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
    }

.vote.down{
    padding: 7px 10px;
    display: inline;
    background: #b1231c url(../../../images/button.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
	text-decoration: none;
    }
.vote.down:link{color:#FFF;}

.vote.down:visited{color:#FFF;}
	
.vote.down:hover {
    background-position: 0 -48px;
    }
.vote.down:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
    }	
	

/* Form */

.theForm{
	margin:0 auto;
	width:630px;
	padding: 20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
}
.theForm label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:170px;
	float:left;
}
.theForm .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:170px;
}
.theForm input{
	float:left;
	font-size:12px;
	padding:4px 5px;
	border:1px solid #cccccc;
	width:300px;
	margin:2px 0 20px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.theForm textarea{
	float:left;
	font-size:12px;
	padding:5px 5px;
	border:solid 1px #cccccc;
	width:300px;
	margin:2px 0 20px 10px;
	height: 50px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.theForm select{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:1px solid #cccccc;
	width:305px;
	margin:2px 0 20px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.theForm input:focus{
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);	
}

.theForm textarea:focus{
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);	
}

.theForm select:focus{
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);	
}

.theForm button{
	clear:both;
	margin-left:150px;
}

.theForm #story{width:475px; height:150px; overflow:hidden; border:1px solid #cccccc; -moz-border-radius:5px;	-webkit-border-radius:5px;	border-radius:5px;}

.subbtn-div{float:right; margin-right:140px; text-align:right;}


/* Notification */

.freeow {
    position: fixed;
    width: 300px;
    z-index: 9999;
}

.freeow-top-right {
    top: 120px;
    right: 20px;
}

.freeow .close {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 8px;
    left: 8px;
    background: none;
    z-index: 2;
}
.freeow div:hover .close {
    background: transparent url(../images/close.png) no-repeat 0 0;
}

.freeow .icon {
    position: absolute;
    display: block;
    width: 48px;
    height: 48px;
    top: 5px;
    left: 10px;
    background: transparent url(../images/notice.png) no-repeat 0 0;
    z-index: 1;
}

.freeow .error .icon   { background-image: url(../images/error.png); }


/* Smokey */
.freeow .smokey {
	color: white;
}
.freeow .smokey .background {
    border: 3px solid #000;
    -moz-border-radius: 12px;
	border-radius: 12px;
    background: #000;
    opacity: .65;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
}
.freeow .smokey:hover .background {
    border-color: #fff;
}
.freeow .smokey .content {
    margin: 5px 5px 5px 69px;
}
.freeow .smokey h2 {
    font-family: "Lucida Grande", Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}
.freeow .smokey p {
    padding-top: 8px;
    font-family: Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
}

.msg-error{ border: 2px solid #000;
    -moz-border-radius: 5px;
	border-radius: 5px;
    background: #F00 url(../images/error_small.png) no-repeat 5px;
    opacity: .65;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
	padding:10px;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}

.msg-ok{ border: 2px solid #000;
    -moz-border-radius: 5px;
	border-radius: 5px;
    background: #09F url(../images/notice_small.png) no-repeat 5px;
    opacity: .65;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
	padding:10px;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}


/* Login Form */

#LogForm{ margin:0; width:450px;}

#FromLogin{
	margin:0;
	width:400px;
	padding: 20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
}
#FromLogin label{
	display:block;
	font-weight:bold;
	text-align:right;
	float:left;
	margin-top:5px;
}
#FromLogin input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:1px solid #cccccc;
	width:300px;
	margin:2px 0 20px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#FromLogin input:focus{
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);	
}

.login_submit{clear:both; text-align:center;}

#output-login{height:30px; padding:2px;}

/* Buttons */

.btn-row{overflow:hidden; width:100%; text-align:right;}

.btns {
    padding: 10px 10px;
    display: inline;
    background: #60b7e1 url(../../../images/button.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    text-shadow: 1px 1px #666;
	text-decoration: none;
	margin:10px 5px 5px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;;
    }
.btns:link{color:#FFF;}	

.btns:visited{color:#FFF;}	

.btns:hover {
    background-position: 0 -48px;
    }
.btns:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
    }

.msg-error{ border: 2px solid #000;
    -moz-border-radius: 5px;
	border-radius: 5px;
    background: #F00 url(../images/error_small.png) no-repeat 5px;
    opacity: .65;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
	padding:10px;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}

/* Search Box */

#sbox{float:right; overflow:hidden; margin:0; width:370px; text-align:right; padding:4px 0;}

#search> input#term.input {
	font-size:12px;
	padding:10px 5px;
	border:1px solid #cccccc;
	width:250px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	}
	
#search>
input#term.input:focus{
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);	
}	

.sButton {
    padding: 10px 10px;
    display: inline;
    background: #60b7e1 url(../../../images/button.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    text-shadow: 1px 1px #666;
	text-decoration: none;
	margin-left:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;;
    }
.sButton:link{color:#FFF;}	

.sButton:visited{color:#FFF;}	

.sButton:hover {
    background-position: 0 -48px;
    }
.sButton:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
    }


.msg-ok{ border: 2px solid #000;
    -moz-border-radius: 5px;
	border-radius: 5px;
    background: #09F url(../images/notice_small.png) no-repeat 5px;
    opacity: .65;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
	padding:10px;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}

.redirecting{border: 2px solid #000;
    -moz-border-radius: 5px;
	border-radius: 5px;
    background: #09F url(../images/ajaxloader.gif) no-repeat 5px;
    opacity: .65;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
	padding:10px;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}

.CopyRight{text-align:center; color:#FFF; margin-top:10px; font-size:13px; font-weight:bold;}	

.footer-bar{background:#FFF;}

.footer-links{margin:0 auto; text-align:center; width:1020px; font-size:13px; font-weight:bold; padding:10px; overflow:hidden;}

footer{height:100px; background:#000;}