/*** MgOpen Modata ***/
@font-face {font-family: MgOpen Modata; src: url(../fonts/MgOpenModataRegular.eot);}
@font-face {font-family: MgOpen Modata; src: url(../fonts/MgOpenModataRegular.ttf);}

/*** General ***/
* {margin:0; padding:0;}
body {font:normal 76%/150% Tahoma, Arial, Sans-Serif; background:#f3f3f3 url(../images/bg/bg.png) repeat-x top left; color:#333;}
img {border:none;}
label {display:block;}
p {margin:0 0 1em;}
a {text-decoration: none; color: #225e8a;}
a:hover {text-decoration: underline;}

/*** Page ***/
#page {}

/*** Container ***/
#container {clear:both; width:980px; margin:0 auto;}
#container .containerc {float: left; padding-top: 20px;}

/*** Content ***/
#content {clear: both;}
#content ul {margin: 1em 3em 1em;}
#content ol {margin: 1em 3em 1em;}
#content_body {float: left; width: 710px; padding-right: 20px; min-height: 500px;}
#content_body_small {float: left; width: 610px; padding-right: 20px; min-height: 500px;}
#content_body_big {clear: both; width: 980px;}
.padding {padding-top: 10px;}
.padding-right {padding-right: 10px;}
.padding-top {padding-top: 15px;}
.terms {font-size: .9em;}
.terms strong {display: inline;}
.empty_horizontal {clear: both; height: 15px;}
.empty_vertical {float: left; width: 15px;}
.empty {clear: both; height: 1px;}
#preview {clear: both; width: 608px; height: 318px; border: 1px solid #bbb; background-color: #fff;}
#preview .inner-border {clear: both; width: 590px; height: 300px; padding: 8px; border: 1px solid #fff; background-color: #e6e6e6;}
#preview-profile {clear: both; width: 608px; height: 260px; border: 1px solid #bbb; background-color: #fff;}
#preview-profile .inner-border {clear: both; width: 590px; height: 242px; padding: 8px; border: 1px solid #fff; background-color: #e6e6e6;}
fieldset .contents {clear: both; padding-top: 10px;}
.img_padding {padding-bottom: 5px;}
.icons {padding: 2px;}

/*** Transaction Complete ***/
#transaction-complete {clear: both; width: 608px; height: 338px; border: 1px solid #bbb; background-color: #fff; text-align: center;}
#transaction-complete .inner-border {clear: both; width: 590px; height: 320px; margin: 8px; border: 1px solid #fff; background: #e6e6e6 url(../images/bg/transaction-complete.jpg) no-repeat top left;}
#transaction-complete .inner-border img {margin-top: 50px; margin-bottom: 10px;}
#transaction-complete .inner-border h3 {height: 54px; font-family: MgOpen Modata, Helvetica, Geneva; color: #fff; font-size: 44px;}
#transaction-complete .inner-border p {font-family: MgOpen Modata, Helvetica, Geneva; color: #999; font-size: 21px; line-height: 1.3em; text-decoration: none;}
#transaction-complete .inner-border div {clear: both; margin-top: 40px;}
/*** Notifications ***/
.success, .fail, .information, .attention {clear: both; margin: 0 auto; width: 928px; margin-top: 15px; background-repeat: no-repeat; background-position: 10px 13px; padding: 10px 10px 10px 40px; min-height: 20px; font-family: Arial; line-height: 20px;}
.success ul, .fail ul, .information ul, .attention ul {margin-left: 2em;}
/* Success Notification Box */
.success {background-color: #fff9d7; border: 1px solid #e2c822; background-image: url(../images/icon/accept.png);}
/* Failure Notification Box */
.fail {background-color: #FFE1E1; border: 1px solid #FF9595; background-image: url(../images/icon/exclamation.png);}
/* Information Notification Box */
.information {background-color: #D7DFFF; border: 1px solid #93A8FF; background-image: url(../images/icon/information.png);}
/* Attention Notification Box */
.attention {border: 1px solid #FFF35E; background-color: #FFFBCC; background-image: url(../images/icon/error.png);}
/* Notification Close Button */
.close-notification	{width: 16px; height: 16px; position: absolute; background: url(../images/icon/close.png) no-repeat; top: 5px; right: 5px; cursor: pointer;}
.png_bg	{}

/*** Inner Contents ***/
.contents {border: 1px solid #dcdcdc;}
.contents .inner-border {background-color: #f9f9f9; border: 1px solid #fff; padding: 15px;}
.no-bottom-border {border-bottom: none;}
.contents_title {font-size: 1.4em; padding-bottom: 10px; color: #3a74b7;}
.contents h2.decorator, .no-records div.decorator {display: block; clear: both; font-family: Arial, Helvetica, Geneva; padding: 0px; padding-bottom: 10px; color: #191919; font-size: 24px; font-weight: normal; line-height: 1em;}
.no-records div.decorator {padding: 0;}
.contents h2.decorator a {color: #191919; text-decoration: none;}
.contents h2.decorator a:hover {color: #225e8a; text-decoration: none;}	
	
/*** Featured ***/
.featured {clear: both;}
.featured .item_clear {height: 90px;}
.featured_author {float: left; width: 448px; margin-right: 20px;}
.featured_author .text {float: left; width:316px;}
.featured_item {float: left; width: 508px;}
.featured_item .text {float: left; width:376px;}
.featured .inner-border .thumbnail {float: left; margin-right: 20px;}
.featured .text_clear {clear: both;}
.featured h2.decorator {padding-bottom: 0;}
.subtext {color: #c2c2c2; text-transform: uppercase;}

/*** Categories ***/
.categories {float: left; width: 230px;}
.categories .title {display: block; font-size: 1.2em; font-family: Arial; color: #333;}
.categories .title a {color: #333; text-decoration: none;}
.categories .title a:hover {text-decoration: underline;}
.categories ul {margin: 0; padding: 0; padding-bottom: 10px;}
.categories ul li {list-style: none; margin-left: -3em; border-bottom: 1px dotted #ccc; background: transparent;}
.categories ul li a, .categories ul li span {display: block; padding: 8px 0px 8px 20px; background: transparent url(../images/bg/dot.png) no-repeat 8px center; padding-top: .3em; padding-bottom: .3em;}
.categories ul li a:hover {background-color: #fff;}

/*** Lightview ***/
h3.lightview {clear: both; margin-top: 3px; margin-bottom: 5px; font-family: Arial, Helvetica, Geneva; font-size: 24px; font-weight: normal;}

/*** Repeater ***/
.Repeater {clear: both; width: 100%; border: none; border-top: 1px solid #dedcd4; border-left: 1px solid #dedcd4; border-right: 1px solid #dedcd4; background-color: #ffffff; font-size: .9em;}
.Repeater th {color: #444444; padding: 6px 6px; border-bottom: 1px solid #dedcd4; background: url(../images/bg/bg_thead.jpg) repeat-x; text-align: left;}
.Repeater td {border-top:1px solid #ffffff; border-bottom: 1px solid #dedcd4; padding: 6px 6px;}
.Repeater tbody tr:hover {background-color:#ecf6f9;}
.Repeater .even {background-color: #ffffff;}
.Repeater .odd {background-color: #f6f6f6;}
.Repeater .statement_type {font-weight: bold;text-transform: capitalize;}
.repeater_div {clear: both;}
.Repeater td.author a {color: #000000;text-decoration: none;}
.Repeater td.author a:hover {text-decoration: underline;}
img.download-icon {display: inline; padding-left: 5px;}
.RepeaterFooter {clear: both; width: 100%; border:2px solid #45a2ff; background-color: #aad5ff;}
.RepeaterFooter td.left {padding: 6px 6px; font-size: 1.6em;}
.RepeaterFooter td.right {padding: 6px 6px; font-size: 1.6em; text-align: right;}

/* Forum Chat */
.post_clear {clear: both;padding-top: 2px;}
.post_paging {clear: both;padding-top: 15px;}
.post, .post_alternate, .post_blue {clear: both;position: relative;}
.post .poster, .post_alternate .poster, .post_blue .poster {position:relative; float:left; width:100px; font-size:11px;}
.post .poster a, .post_alternate .poster a, .post_blue .poster a {margin-top:7px; margin-bottom:7px; color:#333333; font-weight:bold; text-decoration:none;}
.post .poster a:hover, .post_alternate .poster a:hover, .post_blue .poster a:hover {text-decoration: underline;}
.post .text, .post_alternate .text, .post_blue .text, .post_white .text {position: relative; float:right; width:470px; min-height:150px; padding:15px; overflow:auto;}
.post .text {background-color:#eaeaea; border:1px solid #bababa;}
.post_alternate .text {background-color:#d4d4d4; border:1px solid #bababa;}
.post_blue .text {background-color: #d3e6f3; border: 1px solid #3A93C6;}
.post_white .text {background-color: #f9f9f9; border: 1px solid #dcdcdc; min-height: 100px;}
.post_white .subtext {color: #666666;}
.post_white .subtext a {color: #666666;}
.post .background_image, .post_alternate .background_image, .post_blue .background_image {position: absolute; left: 87px; top: 20px;}
.post .text small, .post_alternate .text small, .post_blue .text small {display: block; margin-bottom: 10px; color: #808080;}
.post blockquote, .post_alternate blockquote, .post_blue blockquote {display: block; margin: 10px; padding-left: 10px; border-left: 2px solid #808080; color: #808080;}
.post span img, .post_alternate span img, .post_blue span img {margin-top: 3px; margin-right: 3px; vertical-align: middle;}
.posted_message {position: absolute; bottom: 0px; text-transform: uppercase;}
.text img.purchased {float: right; margin-left: 10px; margin-bottom: 10px; vertical-align: top;}
.text .post_content {clear: both; padding-bottom: 25px;}
h2.decorator {float: left; display: inline; margin-right: 5px; font-family: MgOpen Modata, Helvetica, Geneva; padding: 10px 0px 20px 0px; color: #191919; font-size: 27px; line-height: 1em;}
p.prominant {float: left; line-height: 30px; padding: 12px 10px 10px 8px; color: #666666;}

/*** Clear ***/
.item_clear {clear: both;}
.clear {clear: both; height: 0px; overflow: hidden;}
.center {text-align: center;}
div.align-left {float: left;}
div.align-right {float: right;}

/*** FullScreen Button ***/
#fullscreen {background-color: #111; background-repeat: no-repeat; position: absolute; z-index: 1000; width: 270px; height: 80px; margin-left: 160px; margin-top: 110px; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}
#fullscreen .buttons {width: 270px; margin-left: 70px; padding-top: 29px; opacity: 1;}

/*** Browse and Search Results ***/
.results {font-size:10px; margin-bottom:10px; width:100%; border:1px solid #dedcd4;}
.results_row, .results_row_alt {border-top:1px solid #ffffff; border-bottom: 1px solid #dedcd4; padding:15px; background-color:#FFFFFF; min-height:80px; position:relative; font-size: 1.1em;}
.results_row_alt {background-color:#f6f6f6;}
.result_image {float: left; margin-right: 15px;}
.result_author {float: left; width: 190px; margin-right: 15px;}
.result_icon {display: block; clear: both; padding-top: 3px;}
.result_icon img {margin-top: 3px; margin-right: 3px; vertical-align: middle;}
.result_metadata {float: left; width: 190px; margin-right: 15px;}
.result_title_detail {float: left; width: 335px; margin-right: 15px;}
.result_download {float: left; width: 130px; padding-top: 28px;}
.result_download a, .result_download em {display: block; clear: both;}
.result_rating {float: left; position:absolute; right:0px; top:46px; width:110px; text-align:center;}
.result_title {padding-top: 3px;}
.result_title a {font-size:1.3em; text-decoration:none; color:#333333; font-weight:bold;}
.result_title a:hover{text-decoration:underline;}
.result_figures {float: left; position:absolute; right:0px; top:25px; width:110px; text-align:center;}
.result_figures .sales {display: block; clear: both; margin-top: 8px;}
.result_figures .rating-list {margin-left: -5px; margin-top: -8px;}
.result_details {width:480px;}
.result_actions {float: left; position:absolute; right:0px; top:15px; width:80px;}
.download-unavailable {float: left; width: 210px; padding-top: 20px; font-family: arial, sans-serif; font-style: italic; line-height: 1.3em;}
.results big {font-family: MgOpen Modata, Helvetica, Geneva;  font-size: 32px; font-weight: normal; color:#333333;}
.results_sort {display: block; clear: both; padding-bottom: 15px;}

/*** No Records ***/
.no-records {clear: both; width: 957px; margin: 0 auto; background-color: #FFE1E1; border: 1px solid #FF9595; padding: 10px;}

/*** Deposit Cash Amounts ***/
ul.deposit {clear: both; width: 670px; padding: 0px; margin: 0 auto;}
ul.deposit li {padding: 0px; margin: 0px; list-style: none; margin-bottom: 10px; float: left; width: 100px; height: 35px; display: block;}
ul.deposit li label {color: #000000; font-size: 18px; font-weight: normal;}
.refund-policy {clear: both;}
.balance {float:left; padding-right: 10px;}
.payment-types {clear: both; padding-bottom: 10px;}
.payment-types div {float: left; line-height: 48px; padding-right: 8px;}
.payment-types div span {display: block; height: 48px; float:left; background: url(../images/bg/payment-type-left.png) no-repeat left top;}  
.payment-types div em {display: block; float: left; height: 48px; margin-left: 15px; padding: 0px 15px 4px 0px; background:url(../images/bg/payment-type-right.png) no-repeat right top;}
.payment-types div input {display: block; float: left; margin-top: 18px;}
.payment-types div label {display: block; float: left; padding: 15px 0px 0px 5px;}

/*** Accordion ***/
#accordion div.label {width: 710px; height: 35px; margin-bottom: 1px; color: #444; cursor: pointer; background: #fff url(../images/bg/accordion.gif) no-repeat; font-family: tahoma, arial, sans-serif; font-weight: bold; font-size: .9em; line-height: 13px;}
#accordion div.active {color:#3a74b7; background-position:0px -35px;}
#accordion div.label:hover {color: #3a74b7; background: #fff url(../images/bg/accordion.gif) no-repeat 0px -35px;}
#accordion div.label div {float: left; padding: 11px;}
#accordion div.content {display: none;}

/*** User Navigation ***/
#usernav {clear: both; margin: 0 auto; width: 980px; height: 40px; margin-top: 15px; background: #333333 url(../images/bg/usernav/bg.gif) repeat-x top left; bottom: 0; right: 0; list-style: none;}
#usernav li {float: left;}
#usernav li.left {width: 10px; height: 40px; background: url(../images/bg/usernav/left.gif) no-repeat top left;}
#usernav li.right {width: 15px; height: 40px; float: right; background: url(../images/bg/usernav/right.gif) no-repeat top left;}
#usernav li.right2 {float: right; padding-top: 12px;}
#usernav li.line {width: 1px; height: 40px; background: url(../images/bg/usernav/line.gif) no-repeat top left;}
#usernav li.item {background: url(../images/bg/usernav/item.gif) no-repeat right top;}
#usernav li.bg_right {background: url(../images/bg/usernav/item_right.gif) no-repeat right top;}
#usernav li.item a {float: left; display: block; font-weight: bold; color: #fff; text-decoration: none;}
#usernav li.padding a {padding: 10px;}
#usernav li.padding_left a {padding: 10px;}
#usernav li.bg_left a {background: url(../images/bg/usernav/item_a.gif) no-repeat left top;}
#usernav li.current a {background-position: left -40px; background-repeat: repeat-x;}
#usernav li.item:hover, #usernav li.item.sfhover {background-position: right -40px;}
#usernav li.item:hover a, #usernav li.item.sfhover a {background-position: left -40px; text-decoration: none;}
#usernav .meta-nav {bottom: 0; right: 0; list-style: none;}
#usernav .meta-nav li {float: left;}
#usernav .meta-nav li a {color: #fff;}

/*** Recent Items ***/
.recent-items {clear: both; margin: 0; padding: 0;}
.recent-items li {list-style: none; float: left; width: 102px; margin: 3px;}
.recent-items li img {display: block; clear: both; width: 80px; height: 80px; margin-left: 10px; margin-right: 11px;}
.recent-items li span {display: block; clear: both; font-size: 0.9em; text-align: center; margin-top: 3px; margin-bottom: 3px;}
.recent-items li span a {display: block; clear: both;}
.recent-items-holder {clear: both; margin: 0 -2em;}

/*** More Items ***/
.more-items {clear:both; margin: 10px 0px 0px 0px; padding:0;}
.more-items li {list-style:none; float:left; display:block; width:80px; height:80px; margin-right:7px; margin-bottom:7px; background-color: #e6e6e6;}

/*** Tabs ***/
#tabs {clear: both; width: 980px; margin: 0; padding: 0; height: 41px; background: url(../images/bg/tab/bg.gif) repeat-x left bottom;}
#tabs ul {padding:0; margin:0; list-style:none; position:absolute;}
#tabs ul li {display: block; float:left; font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 1.2em; margin-right: 1px; cursor: pointer;}
#tabs ul li.off {background: url(../images/bg/tab/off.png) repeat-x left top; height:38px; color: #fff; text-shadow: -1px -1px 3px rgba(0,0,0,0.25);}
#tabs ul li.off span {display: block; padding: 10px 20px;}
#tabs ul li.active {border-color:#d8d8d8; border: 1px solid #dcdcdc; border-bottom: 0; height: 39px;}
#tabs ul li.active span {display: block; background-color: #f9f9f9; border: 1px solid #fff; border-bottom: 0; padding: 10px 20px;}
.tab_content {clear: both; width: 980px; margin-top: -1px; display: none;}
.tab_content .contents, .tab_content .inner-border {border-top: none;}

/*** Forum ***/
.item-list {clear: both; min-height: 85px; background-color: #ffffff;}
.item-list div.thread-content {float: left; width: 570px;}
.item-list div.thread-posters {float: left;}
div.thread-info {float: right; width: 78px; height: 70px; background: url(../images/bg/reply.png) no-repeat left top; padding-bottom: 10px; text-align: center; margin-left: 30px; position: relative; top: -4px;}
div.comment-count h6, div.thread-info h6 {font-family: Arial, Helvetica, Geneva; font-weight: normal; font-size: 24px; padding-top: 14px; letter-spacing: -1px; position: relative; right: 2px; color: #191919;}
div.comment-count small, div.thread-info small {text-transform: uppercase; font-size: 9px; display: block; margin-top: -2px;}
.item-list a.author {display: block; float: left; width: 80px; margin-right: 30px;}
.item-list h2.decorator {clear: both; font-family: Arial, Helvetica, Geneva; padding: 0px; padding-bottom: 10px; color: #191919; font-size: 24px; font-weight: normal; line-height: 1em;}
.item-list h2.decorator a {color: #191919; font-size: 24px;  text-decoration: none;}
.item-list h2.decorator a:hover {color: #225e8a; text-decoration: none;}
.item-list div.replied-user img {position: absolute; margin-left: -60px; margin-top: 50px; height: 40px; width: 40px;}
.item-list div.thread-content p {clear: both;}
.item-list div.thread-content p.text {clear: both; font-size: 1.2em;}
.item-list div.subtext {position: absolute; right: 20px; top: 20px; color: #c2c2c2;}