/* Body */

a:link,a:active,a:visited {
	text-decoration:none; color:#000099;
}
a:hover {
	text-decoration:none; color:#000000;	
}
body {
	font-family: Verdana; font-size: 11px; margin:0 auto;		
}
.button {
	font-size:14px; font-weight:bold; height:30px;
}

/* Top Bar */

#topBar {
    position:relative; left:0px; top:0px; width:100%; height:30px;
	background-repeat:repeat-x;	background-image:url(../img/top-bg.png) ; z-index:1;
}
#topBarLeft {
    position:relative; left:10px; top:5px; width:400px; float:left; z-index:2;	    
}
#topBarRight {
	position:relative; right:10px; top:5px;	width:500px; float:right; z-index:2; text-align:right;    
}

/* Select Language */

.selectLanguageText {
    display:block; padding:3px; text-align:right; width:130px; text-align:left; 
}
.selectLanguageMenuPanel {
	border:1px solid #868686; background:#FAFAFA; cursor:default;
	padding:1px 1px 0px 1px; font-size:11px; z-index:99; text-align:right;
}
a.selectLanguageMenuItem {
	margin:1px 0 1px 0; display:block; color:#003399; text-decoration:none;
	cursor:pointer; padding:4px 19px 4px 33px; white-space:nowrap;
}
a.selectLanguageMenuItem-Selected {
	font-weight:bold;
}
a.selectLanguageMenuItem:hover {
	background-color:#FFE6A0; color:#003399; border:1px solid #D2B47A; padding:3px 18px 3px 32px;
}

/* Site Logo */

#logo {
	position:relative; margin:0px auto; padding-top:20px; padding-bottom:20px; width:241px;
}

/* Search */

.search-input {
    width:350px; height:26px; color:#000000; font-size:18px;
}
.search-button {
	width:83px;	height:29px;
}
#search {
	position:relative; margin:0px auto; width:450px;
}
#searchTop{
	position:relative; width:100%; height:15px; text-align:center; z-index:1;
}
#searchBottom {
	position:relative; width:100%; height:35px; text-align:center; z-index:1;
}
#search-input {
	position:relative; left:0px; width:348px; float:left; z-index:2;
}
#search-button {
	position:relative; right:0px; top:2px; width:83px; float:right; z-index:2;
}

/* Completion List */

.completionList 
{
    padding:0px; border:1px solid #000000; list-style-type:none;
    margin:0px;	cursor:pointer; overflow:auto; text-align:left;
}
.completionListHighlighted 
{
	background-color:#D8F1FD; font-size:small; font-weight:600;
}
.completionListItem
{
	display:block; background-color:#FFFFFF; color:#000000;	cursor:pointer;
    overflow:auto; font-size:small; font-weight:600; z-index:99;
}

/* Alphabetic */

#alphabetic {
	margin:0px auto; padding-top:20px; padding-bottom:10px; width:600px; text-align:center;
}

/* Tag Cloud */

.tag1 {
    font-size:24px; padding:5px;
}
.tag2 {
    font-size:22px; padding:5px;
}
.tag3 {
    font-size:18px; padding:5px;
}
.tag4 {
    font-size:14px; padding:5px;
}
.tag5 {
    font-size:10px; padding:5px;
}
#tagCloud {
	margin:0px auto; padding-top:0px; width:600px; text-align:center;
}

/* Footer */

.copyright {
	font-size:10px; font-style:italic;
}

#footer {
	position:relative; margin:0px auto; padding-top:75px;
	padding-bottom:50px; text-align:center; clear:both; z-index:1;
}

/* Header */

#header {
	position:relative; left:0px; height:110px;
}
#headerLogo {
	position:relative; width:241px;	float:left; padding-top:15px;
}
#headerSearch {
	position:relative; width:500px; float:left;
}
#headerAlphabetic {
	position:relative; left:22px; top:7px; width:600px; text-align:left;
}

/* Default Content Page */

#contentDetail {
	position:relative; float:left; padding-left:20px; padding-right:20px;
}

/* Content Header Bar */

#contentHeaderBar {
	position:relative; width:100%; height:30px;
	border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;
	font-size:16px;	font-weight:bold;
}

#contentHeaderLeft {
	position:relative; left:10px; top:5px; float:left;
}

#contentHeaderRight {
    position:relative; right:10px; top:5px; float:right;
}

/* Sort Bar */

.sortText {
	font-size:13px;	font-weight:bold;
}
.selectedSort {
	position:relative; padding:2px;	background-color:#DAF1FD; border:1px solid #CCCCCC;
}
#sortBar {
	position:relative; padding-top:10px; width:100%; height:30px;
}
#sort {
	position:relative; padding-left:10px; float:left;
}
#sort2 {
	position:relative; padding-left:75px; float:left;
}

/* Logo List */

.logoThumb {
	border:0; width:100px; padding:10px;	
}
#logos {
	position:relative; float:left; width:100%;
}
#logos2 {
	margin-right:160px; 
}
#logoPreview {
	position:relative; width:100%;	float:left;	padding-left:10px; padding-top:10px;
}
#logoPreviewTop {
	position:relative; width:100%; height:120px; text-align:center; border:1px solid #CCCCCC;	
}
#logoPreviewTop:hover {
	border:1px solid #FF3300;
}
#logoPreviewBottom {
	position:relative; top:5px; text-align:left; width:100%;
	font-size:11px;	border:1px solid #CCCCCC; background-color:#F4FEFF;	
}
#logoPreviewName {
	text-align:center; width:100%; font-size:10px; height:25px; position:relative; font-weight:bold;	
}
#logoPreviewInfo {
    text-align:left; width:100%; font-size:10px; padding:2px; padding-left:7px;
}

/* Paging */

.page {
	position:relative; padding:3px; padding-left:6px; padding-right:6px;
	background-color:#F8F8F8; border:1px solid #CCCCCC;
}
.page:hover {
	border:1px solid #999999; background-color:#DAF1FD;
}
.selectedPage {
	position:relative; padding:3px; padding-left:6px; padding-right:6px;
	background-color:#DAF1FD; border:1px solid #999999;
}
#paging {
	position:relative; padding-top:30px; padding-bottom:10px; text-align:center;
	clear:both; z-index:1;
}

/* No Result */

#noResult {
	position:relative; padding-top:150px; padding-bottom:150px; text-align:center; font-size:large;
}

/* Error */
.errorText1 {
	color:Red; font-size:xx-large;
}
.errorText2 {
	color:Black; font-size:large;
}
#error {
	position:relative; padding-top:150px; padding-bottom:150px; text-align:center;
}

/* Logo Detail */

.logoDetailImage {
	border:0; max-width:200px; max-height:200px;	
}
.logoDetailText1 {
	font-size:11px;		
}
.logoDetailText2 {
	font-size:12px;		
}
.logoDetailTable {
	width:100%; border:0px; 
}
.logoDetailTableTd {
	border:1px solid #CCCCCC; background-color:#F4FEFF;		
}
.code-input {
    width:75px; height:23px; color:#000000; font-size:16px; font-weight:bold;
}
#logoDetail {
	position:relative; float:left; padding-left:20px; padding-right:20px;
}
#logoDetailTop {
	position:relative; width:100%; clear:both;
}
#logoDetailLeft {
	position:relative; width:300px; padding-left:20px; padding-right:20px; padding-top:20px; float:left;
	text-align:center; border:1px solid #CCCCCC; height:240px;	
}
#logoDetailRight {
	position:relative; max-width:478px;	height:220px; float:left; left:10px;
}
#logoDetailBottom {
	position:relative; width:100%; clear:both; top:10px; padding:5px;
	border:1px solid #CCCCCC; background-color:#F4FEFF;		
}
#logoDetailBottom2 {
	position:relative; width:100%; clear:both;	
}

/* Register Form */

.registerTable {
	width:700px; border:0px; 
}

.registerTableTd {
	border:1px solid #CCCCCC; background-color:#F4FEFF;	width:200px;
}

.registerTableTd2 {
	border:1px solid #CCCCCC; background-color:#FFFFFF;		
}

.registerFieldHint {
    font-size:10px;
}

/* Login Form */

.loginTable {
	width:500px; border:0px;
}

.loginTableTd {
	border:1px solid #CCCCCC; background-color:#F4FEFF;	width:200px;		
}

.loginTableTd2 {
	border:1px solid #CCCCCC; background-color:#FFFFFF;		
}

/* Upload Form */

.uploadTable {
	width:600px; border:0px;
}

.uploadTableTd {
	border:1px solid #CCCCCC; background-color:#F4FEFF;	width:200px;
}

.uploadTableTd2 {
	border:1px solid #CCCCCC; background-color:#FFFFFF;		
}

/* Tab Container */

.tabContainer .ajax__tab_header 
{
    color: #aa976b; font-size: 13px; font-weight: bold; background-color: White;
}
.tabContainer .ajax__tab_outer
{
    background-color: White; vertical-align:bottom;
}
.tabContainer .ajax__tab_inner
{
    padding: 6px; margin: 1px; background-color: #f8f6ea;
}
.tabContainer .ajax__tab_hover .ajax__tab_outer
{
    background-color: Orange;
}
.tabContainer .ajax__tab_hover .ajax__tab_inner
{
    background-color: #FFFFE1;
}
.tabContainer .ajax__tab_active .ajax__tab_outer
{
    background-color: #DAF1FD;
}
.tabContainer .ajax__tab_active .ajax__tab_inner
{
    background-color: #DAF1FD; border:2px solid #DAF1FD;
}
.tabContainer .ajax__tab_body
{
    border: solid 1px #CCCCCC;
}

/* Adsense */

/* default.html 468x60 */
#ad1 {
	margin:0px auto; padding-top:10px; width:468px; text-align:center; z-index:5;
}
/* default.html 728x90 */
#ad2 {
	margin:0px auto; padding-top:10px; width:728px; text-align:center; z-index:5;
}
/* search.html 160x600 */
#ad3 {
    position:absolute; right:0; padding-top:15px; z-index:5;
}
/* search.html 468x15 */
#ad4 {
    position:absolute; float:left; right:0; z-index:5;
}
/* logo.html 160x600 */
#ad5 {
    position:relative; padding-top:15px; overflow:auto; z-index:5;
}
/* logo.html 728x90 */
#ad6 {
	padding:10px; width:728px; text-align:left; z-index:5;
}