
/** CONTENT CONTAINERS ***************/


.col-left
{
float:left;
width:342px;
}

.col-right
{
position:relative;
float:right;
width:308px;
}

.block div
{
position:relative;
}


/** SUBMISSION INFORMATION ***********/


#submission
{
border-style:solid;
border-color:#53646d;
border-width:1px 1px 0px 1px;
background:#002236 url('/img/shared/preview_body_bg.gif') bottom center repeat-x;
padding-bottom:11px;
}

#submission p
{
position:relative;
color:#52b1e5;
text-align:center;
font-size:12pt;
font-weight:bold;
padding-bottom:8px;
}

#submission small
{
color:#bfcbd2;
}

#submission img
{
float:right;
position:relative;
right:40px;
}

#submission a.white
{
font-size:8pt;
}

#submission .body
{
background:url('/img/shared/block_body_bg.gif') repeat-x;
padding:5px 0px 10px 0px;
}

#submission .body div
{
clear:left;
}

#submission .body div div
{
clear:none;
float:left;
padding:2px 0px;
overflow:hidden;
width:200px;
}

#submission .body div div.left
{
width:88px;
text-align:right;
margin-right:12px;
}

#submission .body div.rating_top div.left
{
padding-top:8px;
}

#submission .body div.rating_top small
{
display:block;
margin-top:5px;
}


/** SUBMISSION PREVIEW ***************/


#preview
{
border-top-width:0px;
padding-top:1px;
position:relative;		/* fixes ie disappearing background bug */
}

#preview .head
{
height:60px;
}

#TOOLTIP
{
margin:0px auto;
text-align:center;
}

#TOOLTIP object,
#TOOLTIP embed
{
position:relative;
z-index:2000;
}

#BACKPACK
{
position:absolute;
overflow:hidden;
right:0px;
margin-top:-145px;
}

#BACKPACK div
{
position:relative;
background-color:transparent;
background-repeat:no-repeat;
}

#BACKPACK div div
{
position:absolute;
}

#BP_bag
{
height:142px;
background-image:url('../img/view/item/backpack_bg.jpg');
margin:3px 0px 0px 6px;
}

#BP_bagicon
{
left:-6px;
top:-3px;
background-image:url('../img/view/item/backpack_tl.gif');
width:41px;
height:42px;
z-index:1000;
}

#BP_icon
{
left:6px;
top:84px;
width:40px;
height:40px;
z-index:1000;
}

#BP_highlight
{
left:6px;
top:84px;
background-image:url('../img/view/item/icon_highlight.png');
width:40px;
height:40px;
z-index:1500;
}

#BP_cursor
{
left:34px;
top:112px;
background-image:url('../img/view/item/icon_cursor.gif');
width:29px;
height:26px;
z-index:2000;
}

#ACTIONBAR
{
position:absolute;
overflow:hidden;
margin-top:-53px;
width:336px;
}

#ACTIONBAR div
{
position:relative;
background-color:transparent;
background-repeat:no-repeat;
}

#ACTIONBAR div div
{
position:absolute;
}

#AB_bar
{
height:53px;
background-image:url('../img/view/item/actionbar_bg.jpg');
width:540px;
}

#AB_icon
{
left:125px;
top:11px;
width:40px;
height:40px;
z-index:1000;
}

#AB_highlight
{
left:125px;
top:11px;
background-image:url('../img/view/item/icon_highlight.png');
width:40px;
height:40px;
z-index:1500;
}

#AB_cursor
{
left:148px;
top:36px;
background-image:url('../img/view/item/icon_cursor.gif');
width:29px;
height:26px;
z-index:2000;
}

#preview-foot .myspace
{
padding:10px 0px;
margin:0px auto;
width:260px;
}

#preview-foot .myspace div div
{
background:url('../img/view/icon_myspace_code.gif') no-repeat 2px 0px;
padding-top:16px;
text-align:center;
}

#preview-foot .myspace input
{
width:260px;
}


/** COMMENT LIST *********************/


#comment-list
{
margin-top:12px;
}

#comment-list .overview
{
background:url('../img/view/comment_bg2.gif') no-repeat top center;
height:140px;
text-align:center;
font-size:8pt;
}

#comment-list .overview div
{
padding-top:85px;
}

#comment-list .overview span
{
font-weight:bold;
color:#ff0000;
}

#comment-no-results
{
padding:16px 0px 32px 0px;
font-size:12pt;
text-align:center;
font-weight:bold;
color:#00ff00;
}

#comment-no-results a
{
text-decoration:underline;
}

#comment-list .page
{
padding:10px 8px;
}

.comment
{
background:url('../img/shared/list_bg.gif') no-repeat top left;
font-size:8pt;
margin-bottom:10px;
}

.comment .c_head
{
height:24px;
}

.comment .c_head div
{
color:#bfcbd2;
}

.comment .c_head .left
{
display:inline;
float:left;
margin:5px 0px 0px 8px;
}

.comment .c_head .right
{
display:inline;
float:right;
margin:5px 8px 0px 0px;
}

.comment .c_head .right div
{
height:10px;
width:57px;
margin-top:2px;
background-image:url('../img/shared/icon_stars_small.gif');
}

.comment .c_head .right div div
{
background-position:0px -10px;
float:left;
margin:0px;
}

.comment .c_head .right div div.maxrating
{
background-position:0px -20px;
}

.comment .c_head a:link,
.comment .c_head a:visited
{
color:#52b1e5;
text-decoration:none;
font-weight:bold;
}

.comment .c_head a:hover,
.comment .c_head a:active
{
color:#63c2f5;
}

.comment .body
{
border-top:2px solid #002236;
}

.comment .body p
{
padding:5px 8px 0px 8px;
}

.comment .body p.right
{
color:#405968;
font-size:8pt;
text-align:right;
padding:5px 8px 5px 0px;
}

.comment .body span
{
float:right;
font-size:8pt;
}

#comment-list .foot
{
border-top:1px solid #001825;
margin:1px 0px;
background:#002236 url('../img/shared/block_body_bg.gif') repeat-x center center;
}


/** COMMENT SUBMISSION BOX ***********/


#comment-box
{
margin-top:10px;
font-size:8pt;
}

#comment-box b
{
color:#52b1e5;
}

#comment-box .head
{
padding:8px;
font-size:9pt;
text-align:justify;
}

#comment-box .body
{
padding:8px 10px 24px 10px;
}

#comment-box .body div div
{
color:#bfcbd2;
clear:both;
}

#comment-box .body div div div
{
clear:none;
float:left;
padding-top:3px;
margin:2px 3px 2px 0px;
}

#comment-box .body .sub
{
text-align:right;
width:80px;
margin-right:5px !important;
color:#52b1e5 !important;
font-weight:bold;
}

#frm-login
{
padding-top:10px;
}

#frm-comment
{
padding-top:16px;
}

#status_box
{
margin-bottom:10px;
}

#comment-box .fr
{
padding-right:8px;
}


/** INPUT STYLES *********************/


#preview-foot input,
#comment-box .body div div div input,
#comment-box select,
#comment-box textarea
{
border:1px solid #001825;
font-size:8pt;
}

#comment-box .body div div div input,
#comment-box select,
#comment-box textarea
{
margin:-3px 1px 0px 1px;
}

#preview-foot input,
#comment-box .body div div div input,
#comment-box textarea
{
padding:2px;
}

#comment-box .body div div table input
{
width:12px;
height:12px;
}

#comment-box .body option
{
padding-left:4px;
}

#comment-box .body select
{
padding:1px 0px 2px 0px;
}

#comment-box textarea
{
width:200px;
height:80px;
}


/** STAR RATING **********************/


.star-rating
{
list-style:none;
margin:0px;
padding:0px;
width:110px;
height:22px;
position:relative;
background:url('../img/view/icon_stars_large.gif') top left repeat-x;
}

.star-rating li
{
padding:0px;
margin:0px;
/*\*/
float:left;
/* */
}

.star-rating li a
{
display:block;
width:22px;
height:22px;
text-decoration:none;
z-index:20;
position:absolute;
padding:0px;
}

.star-rating li a:hover
{
background:url('../img/view/icon_stars_large.gif') left bottom;
z-index:2;
left:0px;
}

.star-rating a.one-star
{
left:0px;
}

.star-rating a.one-star:hover
{
width:22px;
}

.star-rating a.two-stars
{
left:22px;
}

.star-rating a.two-stars:hover
{
width:44px;
}

.star-rating a.three-stars
{
left:44px;
}

.star-rating a.three-stars:hover
{
width:66px;
}

.star-rating a.four-stars
{
left:66px;
}

.star-rating a.four-stars:hover
{
width:88px;
}

.star-rating a.five-stars
{
left:88px;
}

.star-rating a.five-stars:hover
{
width:110px;
}

.star-rating li.current-rating
{
background:url('../img/view/icon_stars_large.gif') left center;
position:absolute;
height:22px;
display:block;
}

.star-rating li.current-rating
{
z-index:1;
}

.star-rating .text-rating
{
position:absolute;
left:116px;
top:6px;
width:100px;
}

.star-rating .text-rating b
{
color:#ff0000 !important;
}

#submission .star-rating .text-rating
{
color:#fff;
}

.rating .sub
{
padding-top:8px !important;
}

.rating .star-rating
{
margin-bottom:5px;
}


/** SPONSOR STYLES *******************/


.skyscraper
{
position:absolute;
top:0px;
left:-146px;
}

.google_square
{
margin-top:10px;
}

