body {
	background-image: url('../img/background.png');
	background-repeat: repeat-x;
	text-align: center;
	font-family: Verdana;
	font-size: 12px;
}

a {
    text-decoration: none;
    color: #0096cd
}

/******************** PREFORMATTED TEXT FORMATTING ****************************/
pre { 
	color: white;
	text-align: left;
	line-height: 16px;
}
/*********************** ^ to be removed for launch ^ ****************************/

a:hover {
    text-decoration: underline;
    color: #a0c9d7;
}

hr {
	background-color: #9aa1ae;
	height: 5px;
	margin: 3px 0px 5px 0px;
	border: 0px;
}

strong {
	font-weight: bold;
}

#container {
	width: 1000px;
	margin: 10px auto 0px auto;
	text-align: left;
}

#login {
	float: right;
	display: inline;
	color: #fefefe;
	text-align: right;
}

#login a {
	color: #0096cd;
}

#login a:hover {
	color: #126380;
}

#logged_in_menu {
	font-size: 10px;
	margin-top: 30px;
	color: #9aa1ae;
}

#logged_in_menu a { color: #d1d1d1; }
#logged_in_menu a:hover { color: #eeeeee; }

#menu {
	background-color: #0096cd;
	margin: 10px 0px 0px 0px;
}

#menu .top {
	height: 31px;
}

#menu .top ul {
	list-style: none;
	margin-right: 5px;
}

#menu .top .active a {
	color: #126380;
	background-color: #a0c9d7;
}

#menu .top li {
	float: left;
}

#menu .top li a {
	color: #ffffff;
	background-color: #0384b3;
	padding: 3px 25px 3px 8px;
	margin: 4px 0px 4px 4px;
	font-weight: bold;
	font-size: 17px;
	font-family: Arial;
	display: block;
}

#menu .top li a:hover {
	color: #126380;
	background-color: #a0c9d7;
	text-decoration: none;
}

#menu .top .search {
	float: right;
	padding: 5px;
}

#menu .top .search .box {
	float: left;
	display: inline;
	border: 1px solid #0384b3;
	color: #282828;
	width: 175px;
	font-size: 11px;
	padding: 2px;
	height: 15px;
	font-family: Verdana;
	font-weight: bold;
}

#menu .bottom {
	clear: both;
	background-color: #282828;
	padding: 5px;
}

#menu .bottom ul {
	list-style: none;
	margin-left: 7px;
}

#menu .bottom li {
	float: left;
	margin-right: 15px;
}

#menu .bottom li a { color: #0096cd; }
#menu .bottom li a:hover { 
	text-decoration: underline; 
	color: #a0c9d7;
}

#menu .bottom .help {
	float: right;
	font-size: 11px;
}
#menu .bottom .help a { color: #888787; }
#menu .bottom .help a:hover { color: #a9a9a9; }

/**  Alert  **/
#alert {
	margin-top: 10px;
	background-color: #fff6bf;
	padding: 5px;
	font-weight: bold;
	font-family: Tahoma;
	line-height: 1.3em;
	border: 2px solid #ffd324;
}
#alert a {	color: #0985b4; }
#alert a:hover {	color: #0496cd; }
#alert li {	padding: 5px 0px; }
#alert ul { float: left; padding-left: 20px; }


/** --- Featured Story --- **/

#featured_stories {
  position: relative;
  height: 250px;
  margin-top: 10px;
  padding: 10px;
  background-color: #ffffff;
}

#featured_stories .cover_area {
  width: 670px;
  height: 250px;
  position: absolute;
  overflow: hidden;
}

#featured_stories .large_image {
  height: 250px;
  width: 670px;
  background-repeat: no-repeat;
  position: relative;
}

#featured_stories .large_image .text {
  display: block;
  position: absolute;
  bottom: 0;
  width: 670px;
  background-color: #212121;
  padding: 5px 10px;
  color: #f1f1f1;
  font-size: 11px;
  opacity: 0.75;
  filter: alpha(opacity=75);
  cursor: pointer;
  
}

#featured_stories .large_image .text a { color: #f1f1f1; }
#featured_stories .large_image .text a:hover { text-decoration: underline; }

#featured_stories .large_image .text h1 {
  font-family: Arial;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
}

#featured_stories .slide_item {
  width: 670px;
  height: 250px;
  position: absolute;
}
#featured_stories .blocks {
  float: right;
  display: inline;
  width: 300px;
  height: 250px;
}

#featured_stories .blocks .video_small {
  padding: 5px 0px 5px 0px;
  clear: left;
}

#featured_stories .blocks .video_small .thumb {
  float: left; 
  border: 2px solid #9aa1ae; 
  display: inline; 
  margin-right: 5px;
}

#featured_stories .blocks .video_small a { 
  display: block;
  color: #0096cd;
  font-weight: bold;
}
#featured_stories .blocks .video_small .details { 
  padding: 5px; 
  margin-left: 5px;
}

#featured_stories .blocks .video_small .details span {
  font-size: 11px;
}

#featured_stories .blocks .video_small a:hover { text-decoration: underline; }

#featured_stories .blocks h1 {
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  color: #212121;
  padding: 0px;
  margin: 0px;
}

#featured_top {
  margin-top: 10px;
  padding: 10px;
  background-color: #ffffff;
}

#featured_top h1 {
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  color: #212121;
  padding: 0px;
  margin: 0px;
}

#featured_top .bar {
  background-color: #9aa1ae;
  height: 7px;
  margin: 5px 0px 8px 0px;
}


/** Featured Vide **/
#featured_video {
  float: right;
}


/** Stories **/
#stories {
	width: 670px;
}
#stories .storya,
#stories .story {
	width: 200px;
	height: 200px;
	float: left;
	display: inline;
	padding: 5px 10px 5px 5px;
	border-right: 1px dashed #9aa1ae;
	margin-left: 5px;
	position: relative;
}
#stories img {
	border: 1px solid #9aa1ae;
}
#stories .storya {
	margin: 0px;
}

#top_games .game h2,
#stories h2 {
	margin-top: 2px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial;
	line-height: 1.2em;
}
#top_games .game h2 a,
#stories h2 a {
	color: #0096cd;
	text-decoration: underline;
}
#top_games .game h2 a:hover,
#stories h2 a:hover { color: #0384b3; }

#stories .user_details {
	position: absolute;
	bottom: 0px;
}

#stories .user_details img { 
	float: left;
}


#stories .user_details .rank {
    background-color: #9aa1ae;
    float:left;
    width: 47px; 
    font-size: 0px;
}    
#stories .user_details .name {
	float: left;
	margin: 22px 0px 0px 5px;
	font-size: 11px;
}

#stories .user_details .name a {
	color: #0096cd;
	font-weight: bold;
}

#stories .user_details .name span {
	display: block;
	color: #9aa1ae;
}


/* single_element is used for the blank.ctp layout */
#single_element{
}

.upperMargin{
	margin-top: 10px;
}

.upperMargin h1, .bolder h1 {
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #212121;
	padding: 3px;
}

.upperMargin h2, .bolder h2{
	float:right;
	margin-right: 10px;
}

.upperMargin .bar, .bolder .bar{
	background-color: #9aa1ae;
	height: 5px;
	margin: 0px 0px 8px 0px;
}

/*left_elements and right_elements are used for the deafult.ctp layout */
#left_elements {
	width: 670px;
	float: left;
}

#left_elements .block {
	background-color: #ffffff;
	padding: 10px;
}



#left_elements .block .bar {
	background-color: #9aa1ae;
	height: 5px;
	margin: 5px 0px 8px 0px;
}

div .bar {
	background-color: #9aa1ae;
	height: 5px;
	margin: 5px 0px 8px 0px;
}

#right_elements {
	float: right;
	width: 315px;
	margin-top: 10px;
}

#right_elements .ad_block {
	background-color: #ffffff;
	text-align: center;
	padding: 7px 0px;
}


/**--- #bg_says displays a cute little monster with an empty speech bubble ---**/
.bgSays {
	text-align: center;
}

.bgSays #speechBubble {
	font-size: 18px;
	position: relative;
	bottom: 154px;
	left: 26px;
}

/**--- #adBanner is used as a container for the auto-switching ads on the home page ---**/

#adBanner{
	width: 980px;
	height: 230px;
	float: left;
	padding: 10px;
	background-color: #ffffff;
}

/**--- #gameList should be used to contain a list of games 	---**/
/**--- top_five_games element uses #gameList 				---**/

.game_container{
	float: left;
	width: 670px;
	background-color: #ffffff;
}

.game_container h1{
	font-size: 25px;
	font-weight: bold;
	float:left;
	margin-left: 10px;
}

.game_container h2{
	font-size: 16px;
	float:right;
	margin-right: 10px;
}

#gameList{
	background-color: #ffffff;
}

#gameList .greyBar{
	clear:both;
	height: 5px;
	width: 100%;
	background-color: #9aa1ae;
}

#gameList .screenShot{
	float: left;
	width: 90px;
	height: 90px;
	border: 1px dashed #ff0000;
	margin-left: 10px;
}

#gameList .trophy{
	background-position:center;
	background-repeat: no-repeat;
	float: right;
	margin-right: 15px;
	background-color: #eeeeee;
	padding: 5px;
	height: 80px;
	width: 80px;
}

#gameList .rank{
	margin-top: 10px;
	text-align: center;
	font-size: 35pt;
	font-weight: bold;
}

#gameList .nameAndDscr{
	float: left;
	margin-left: 10px;
}

#gameList .name{
	font-family: helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #332299;
}

#gameList .description{
	float: right;
	width: 270px;
	color: #101010;
	margin: 5px;
}

#gameList .game {
	clear: left;
	border-bottom: 1px dashed #9aa1ae;
	padding-bottom: 6px;
	padding-top: 6px;
}

#gameList .game span {
	background-color: #282828;
	color: #ffffff;
	padding: 4px;
	margin-left: 6px;
	margin-right:6px;
	display: block;
	float: left;
	font-weight: bold;
}

#gameList .game img {
	float: left;
}

#gameList .game a {
	float: left;
	margin: 2px 0px 0px 5px;
	color: #0096cd;
}
#gameList .game a:hover { 
	color: #0384b3; 
	text-decoration: underline;
}

#gameList .rating_container {
	width: 150px;
	float: left;
}

#gameList .rating {
	float: right;
	width: 79px;
	height: 9px;
	background-image: url('../img/rate_bar_blank.gif');
    margin: 0px 4px 1px 0px;
}

#gameList .rate {
	width: 79px;
	height: 9px;
	background-image: url('../img/rate_bar_full.gif');
}

#gameList .score {
	float: right;
    margin-left: 4px;
	padding-top:3px;
	padding-bottom: 3px;
}

#gameList .score span {
    color: #f7f7f7;
    font-weight: bold;
    float: left;
    margin-left: 5px;
    font-family: Verdana;
}

#gameList .votes{
	float:right;
	padding-top:3px;
	padding-bottom: 3px;
}




/**--- friendsList should be used to display a user's list of friends ---**/

#friendsList{
	background-color: #ffffff;
	padding: 7px 5px;
}


/**--- Browse by Genre ---**/


.game_container .game {
	background-color: #ffffff;
	float: left;
	width: 100%;
	margin-top: 6px;
}

/**--- Verify Your Game ---**/

#lighterGray{
	margin-bottom: 10px;
	font-size: 18px;
	background-color: #efefef;
	padding: 10px;
}



/** Top Games **/

#top_games .more {
	float: right;
	display: inline;
	font-size: 11px;
}
#top_games a { color: #0096CD; }
#top_games a:hover { color: #0096CD; }

#top_games .game_image { 
	float: left; 
	border: 1px solid #9aa1ae; 
	background-repeat: no-repeat;
	height: 100px;
	width: 175px;
	position: relative;
}

#top_games .rating_container {
	position: absolute;
	bottom: 0px;
    width: 100%;
    padding-bottom: 2px;
}

#top_games .rating {
	float: right;
	width: 79px;
	height: 9px;
	background-image: url('../img/rate_bar_blank.gif');
    margin: 0px 4px 1px 0px;
}

#top_games .rate {
	width: 79px;
	height: 9px;
	background-image: url('../img/rate_bar_full.gif');
}

#top_games .score {
	float: left;
    margin-left: 4px;
}

#top_games .score span {
    font-size: 9px;
    color: #f7f7f7;
    font-weight: bold;
    float: left;
    margin-left: 5px;
    font-family: Verdana;
}

#top_games .game {
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dashed #9aa1ae;
	margin-bottom: 10px;
}

#top_games .game .description {
	float: left;
	display: inline;
	width: 325px;
	padding: 0px 5px;
}

#top_games .game .description p {
	line-height: 1.2em;
	padding: 3px 0px;
	color: #282828;
}

#vote{
	padding-top:3px;
	padding-bottom: 3px;
}

#top_games .game .ranking {
	width: 135px;
	background-color: #d7d7d7;
	border: 1px solid #9aa1ae;	
}

#top_games .game .ranking h3 {
	font-weight: bold;
	font-size: 40px;
	font-family: Arial;
	color: #282828;
	text-align: center;
}
#top_games .game .ranking .votes {
	display: block;
	width: 125px;
	color: #656565;
	background-color: #c4c4c4;
	font-size: 11px;
	padding: 5px;
	text-align: center;
}


#top_games .game .vote_image {
	float: right;
	display: inline;
	margin-top: 5px;
	border: 0px;
}

/**--- bottom_content ---**/


#bottom_content {
	background-color: #2b303a;
	clear: both;
	margin-top: 15px;
}
#bottom_content .container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding: 5px 5px 25px 5px;
	color: #74819c;
}

#bottom_content h1 {
	font-family: Arial;
	font-size: 22px;
	font-weight: bold;
	color: #a0b0d1;
	margin: 5px 0px;
}

#bottom_content a { color: #0096cd; }
#bottom_content a:hover { text-decoration: underline; }

#bottom_content #game_updates {
	width: 670px;
	float: left;
}

#bottom_content .game_update {
	clear: left;
	padding: 3px 0px;
	margin-bottom: 2px;
	border-bottom: 1px dashed #000000;
}

#bottom_content .game_update img {
	border: 1px solid #1a1d23;
	float: left;
	display: inline;
}

#bottom_content .game_update_text {
	float: left;
	display: inline;
	margin: 3px 0px 0px 5px;
}

#bottom_content .about {
	width: 300px;
	float: left;
	margin-left: 15px;
	color: #828a9c;
	font-size: 11px;
}

#bottom_content .about p {
	line-height: 1.3em;
}

#footer {
	clear: both; 
	background-color: #1a1d23;
	padding: 4px;
	color: #828a9c;
}

#footer strong { color: #0096cd; }

#footer a { color: #4e66a1; }
#footer a:hover { color: #7189c6; }

#footer .container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
#footer .site_navigation {
	line-height: 1.6em;
	font-size: 11px;
}
#footer .copyright {
	float: right;
	text-transform: uppercase;
	font-size: 10px;
	text-align: right;
}
.clearfix {
	clear: both;
}

/** Login **/
#login_container {
	background-image: url('../img/backgrounds/login.png');
	background-repeat: no-repeat;
	height: 574px;
	width: 1000px;
	margin-top: 15px;
}

#login_container .login_box {
	float: right;
	display: inline;
	width: 355px;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	margin: 130px 28px 0px 0px;
}

#login_container .login_box a {
	color: #ffffff;
	text-decoration: underline;
}

#login_container .login_box a:hover { color: #dff6ff; } 

#login_container table { margin-top: 20px; }
#login_container td { 
	padding: 5px 0px; 
	font-weight: bold;
}

#login_container input {
	padding: 3px;
	margin-left: 5px;
	border: 0px;
	font-weight: bold;
	width: 265px;
}

/** Register **/
.gray {
	background-color: #DFDFDF;
	padding: 10px;
}

.gray a{
	font-weight: bold;
	color: #282828; 
}

.gray a:hover { 
	color: #585858;
	text-decoration: underline;
}

.gray span {
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	display: block;
	color: #2B303A;
	line-height: 1.2em;
}
.gray td {
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
	padding: 0px 10px 20px 0px;
	vertical-align: top;
}

.gray select,
.gray input {
	border: 0px;
	width: 300px;
	padding: 3px;
}

.gray textarea {
	border: 0px;
	margin-top: 5px;
	padding: 3px;
	font-family: Arial;
	font-size: 12px;
}

/** Large Sized Text Paragraph for the Wide Layout **/
.large_p {
	font-size: 18px;
	font-family: Arial;
	font-weight: bold;
}

.large_p a {
	color: #0384b3;
	text-decoration: underline;
}

.large_p a:hover { color: #0096cd; }

/** Author **/
.author {
	padding: 10px 0px 15px 0px;
	border-bottom: 1px dashed #9AA1AE;
	font-size: 11px;
	line-height: 1.3em;
}

#comments .comment .poster a,
.author a {
	color: #0096cd !important;
	font-weight: bold;
}
#comments .comment .poster span,
.author span { color: #9AA1AE; }

.share {
	float: right;
	position: relative;
	top: 14px;
	right: 16px;
}
.share span { color: #9AA1AE; }

.article_user_image {
	border: 1px solid #dddddd; 
	float: left; 
	display: inline;
	margin-right: 5px;
}

.article_body {
	padding: 5px 0px 0px 0px;
	line-height: 1.4em;
	color: #282828;
	font-family: Arial;
}
.article_body p {
	padding: 3px 0px;
}

/** Comments **/
#comments {
	margin-top: 10px;
}
#comments .comment .poster {
	padding: 3px 0px;
	font-size: 11px;
}

#comments .comment .poster .options { 
	float: right; 
	color: #9AA1AE; 
}

#comments .comment .poster .options a { font-weight: normal; }
#comments .comment .message {
	background-color: #e2e7f0;
	color: #565a62;
	padding: 5px;
	font-size: 11px;
	border: 1px solid #c9d1df;
	line-height: 1.2em;
}
 
#comments .comment {
	margin-bottom: 15px;
}

/** Site User List **/
#user_list .edit {
	border-bottom: 1px dashed #9aa1ae;
	padding-bottom: 6px;
	padding-top: 6px;
}
/***********************************************************/

/** User Profile **/
#profile {
	padding: 15px;
	background-image: url('../img/backgrounds/profile.gif');
	color: #f1f1f1 !important;
	margin: 10px 0px 0px 0px;
}

#profile h1 {
	color: #f1f1f1 !important;
	font-size: 30px;
	font-family: Arial;
	font-weight: bold;
}

#profile .profile_image {
	float: left;
	display: inline;
	margin-right: 10px;
}

#profile .rank {
	float: right;
	display: inline;
	background-color: #13161a;
	padding: 10px 15px;
	width: 400px;
	font-size: 11px;
	line-height: 1.3em;
}

#profile .rank h1 {
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 5px;
}

#profile span { 
	color: #636d7b; 
	text-transform: uppercase;
	font-size: 9px;
}

.site_screenshot_control {
	float: right; 
	display: inline; 
	padding-right: 5px; 
	z-index: 2; 
	position: relative; 
	top: 25px;
}

.site_screenshot {
	float: left; 
	display: inline; 
	margin: 5px 0; 
	z-index: 1;
}

#profile .rank_holder {
	padding: 2px;
	margin-top: 3px;
	height: 25px;
	background-color: #2b303a;
	background-image: url('../img/backgrounds/rank.gif');
}
#profile .rank_block {
	display: block;
	height: 100%;
	text-align: center;
	text-transform: uppercase;
	color: #000000;
	font-weight: bold;
}

#profile .rank strong {
	color: #a0b9d1;
}

#profile .rank a { color: #0096cd; }
#profile .rank a:hover { 
	text-decoration: underline; 
	color: #a0c9d7;
}

#profile .profile_description {
	font-family: Arial;
	line-height: 1.2em;
	color: #c5c5c5;
}

.account_article_listing {
	padding: 5px 0px; 
	border-bottom: 1px dashed #9AA1AE; 
	line-height: 1.2em;
}

.account_article_listing a { color: #2B303A !important; }
.account_article_listing a:hover { text-decoration: underline; }


/*********************** image upload styling ******************************/
#current_avatar {
	display: inline;
	float: left;
	margin-right: 10px;
}

#new_avatar {
	display: inline;
	float: left;
}




/** SQL Debugger **/
.cake-sql-log  {
	background: #1a1d23;
	width: 100%;
	padding: 5px;
}
.cake-sql-log caption {
	background-color: #1a1d23;
	padding: 2px;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25 {padding: 10px;}
div.span-25 {float:left;}
div.last {margin-right:0;}
.span-1 {width:35px;}
.span-2 {width:55px;}
.span-3 {width:95px;}
.span-4 {width:135px;}
.span-5 {width:185px;}
.span-6 {width:215px;}
.span-7 {width:255px;}
.span-8 {width:295px;}
.span-9 {width:335px;}
.span-10 {width:375px;}
.span-11 {width:415px;}
.span-12 {width:455px;}
.span-13 {width:495px;}
.span-14 {width:535px;}
.span-15 {width:575px;}
.span-16 {width:615px;}
.span-17 {width:655px;}
.span-18 {width:695px;}
.span-19 {width:735px;}
.span-20 {width:775px;}
.span-21 {width:815px;}
.span-22 {width:855px;}
.span-23 {width:895px;}
.span-24 {width:935px;}
.span-25 {width:980px;}
.white {
    margin: 0px 0px 10px 0px;
    background-color: #ffffff;
}

.white h1 {
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    color: #212121;
    padding: 0px;
    margin: 0px;
}

.last {
    margin-right: 0px;
}

.skinny {
    padding: 0px !important;
}

.sites_container {
    border: 1px solid #cccccc; 
    position: relative;
    height: 175px;
    overflow: auto;
}

/**--- game_profile is a container for all information on a game's profile page ---**/

#game_profile {
	background-color: #ffffff;
	padding: 10px;
}

#gameAvatar{
	float:left;
	border: 1px solid #555;
	width: 240px;
}

#gameInfo{
	float: left;
	width:385px;
	margin-left: 10px;
}

gameInfo table{
	width: 350px;
}

div.gameStats{
	margin-top:15px;
}

ul.voteStats{
	clear: left;
	width: 100%;
}

ul.voteStats li{
	height: 60px;
}

ul.voteStats li, li.weekly{
	text-align: center;
	float: left;
	list-style:none;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 4px;
	padding-bottom: 7px;
	padding-top: 7px;
	background-color: #E2E7F0;
	color: #000000;
}

li.weekly {
	height: 30px;
	width: 288px;
	margin-bottom: 4px;
}

ul.voteStats h1{
	font-size: 28px;
}

ul.voteStats h3{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000000;
	margin-bottom: 10px;
}

/**--- ---**/


.user_sites {
    padding: 5px; 
    height: 155px; 
    overflow: auto;
}

.user_sites .site {
    margin: 10px; 
    padding: 5px; 
    border-bottom: 1px dotted #bbbbbb;
}

.user_sites .site .details {
    line-height: 1.5em; 
    float: left; 
    width: 65%;
}

.user_sites .site .title {
    font-weight: bold; 
    font-size: 14px;
}

.user_sites .site .url {
    color: #555555; 
    font-size: 10px; 
    font-weight: bold;
}
.user_sites .site .delete {
    color: #FF4200; 
    font-weight: bold; 
    font-size: 11px;
}
.user_sites .site .actions {
    line-height: 1.5em;
    float: left;
    width: 35%;
    font-size: 11px;
}

.search_listing {
	margin-top: 5px;
	padding: 5px 0px;

	border-bottom: 1px dashed #9AA1AE;
	line-height: 1.2em;
	font-size: 14px;
}

.achievement {
    margin-top: 5px;
    padding: 5px;
    border-bottom: solid #12639F;
    background-color: #E2E2E2;
}

.achievement .info {
    float: left;
}

.achievement .info .name {
    text-decoration: underline;
}

.achievement .info .content {
    margin-top: 4px;
    color: #470000;
    width: 120px;
}

.achievement .info .big_content {
    margin-top: 4px;
    color: #470000;
    width: 350px;
}


.achievement .info img {
    margin-right: 40px;
}

.achievement .link {
    float: right;
    margin: 5px 10px 0px 0px;
    width: 40px;
}

.achievement .link a {
    float: left;
}


.ad_block_generic {
    float: left;
    margin-left: 20px;
    background-color: #ffffff;
    padding: 5px;
}


.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }

.loud {
	font-weight: bold;
	padding: 1px;
}

.light_gray {
	background-color: #eff2f8;
}


/************** custom file upload button *********************/
/**
 * The styling for the <div> that wraps around the input field.  You can edit this if
 * you'd like, but the ones that are marked DONT EDIT in the line-level comments
 * probably shouldn't be edited.  Or you could.  Or whatever.
 */
div.pick_file_wrapper {
	position: relative; /* DONT EDIT */
	overflow: hidden; /* DONT EDIT */ 
	width: 65px; /* DONT EDIT */ 
	height: 18px; /* DONT EDIT */ 
	display: block; /* DONT EDIT */
}

/**
 * Styling for the image overlay.
 */
.pick_file_overlay {
	z-index: 1; /* DONT EDIT */
	position: absolute; /* DONT EDIT */
	top: 0;
	left: 0;
    display: inline;
	float: left; }

/**
 * The styling for the <div> that wraps around the input field.  I wouldn't edit any of
 * this.
 */
input.pick_file {
	z-index: 2; 
	position: absolute;
	top: 0;
	right: 0px;
	display: inline;
	float: right;
	opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);	
}

/**
 * The styling for the span for name of the file, if it is used.  The only
 * things I would add to this (or edit) is width.
 */
span.pick_file_name {
	display: inline;
	float: left;
	position: relative;
	top: -18px;
	left: 70px;
}

#campaign_info_wrapper > div, #ad_info_wrapper > div, #summary_info_wrapper > div {
	margin: 0px !IMPORTANT;
}

table.entry_summary td {
	font-size: 12px; 
	font-weight: normal;
	padding: 5px;
}

table.entry_summary td.heavy {
	font-weight: bold;
}

table.entry_summary td.header {
	padding-top: 15px;
	padding-left: 15px;
	font-size: 16px;
}

font.error_text {
	color: red;
	font-weight: bold; 
}

ul.alerts_and_info {
	list-style-type: disc; 
	margin-left: 10px;
}

ul.alerts_and_info li.needs_attention {
	list-style-image: url('/img/icons/fugue/cross-small-circle-skinny.png');
}

ul.alerts_and_info li.needs_attention_soon {
	list-style-image: url('/img/icons/fugue/exclamation-small-circle-skinny.png');
}

ul.alerts_and_info li.no_attention {
	list-style-image: url('/img/icons/fugue/tick-small-circle-skinny.png');
}

div.overlay {
	opacity: 0.4;
	filter: alpha(opacity=40);
	position: absolute; 
	top: 0px; 
	left: 0px; 
	height: 100%; 
	width: 100%; 
	overflow: visible;
}

div.overlay_text {
	font-weight: bold;
	position: absolute; 
	top: 0px; 
	left: 0px; 
	height: 100%; 
	width: 100%; 
	overflow: visible;
}

div.overlay_links {
	font-weight: bold;
	position: absolute; 
	bottom: 5px; 
	right: 5px; 
	overflow: visible;
}

table.data_table {
	margin: 5px;
}

table.data_table td {
	padding-right: 10px;
}

table.data_table td.header {
	font-weight: bold;
}

.block h1 {
	font-weight: bold; font-size: 1.9em; margin-bottom: 5px;
}


.cake-sql-log { margin: 0 auto; width: 1000px; background-color: #f3f3f3; border: 1px solid #444; margin-bottom: 5px;}
.cake-sql-log caption {margin-top: 10px; border: 1px solid #444; padding: 3px; background-color: #f3f3f3;}