/********************************************* Elements */ A, ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, FIELDSET, FORM, H1, H2, H3, H4, H5, H6, LI, MENU, OL, P, TD, TH, UL { /*font-size: 12px;*/ font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: 0; } A { color: #990000; /* ED5100 */ outline-color: invert; outline-style: none; outline-width: medium; text-decoration: underline; background: transparent; cursor: pointer; } A:hover { background-color: #ED5100; color: #FFFFFF; text-decoration: none; } ADDRESS { /* /* margin: 0em 0% 0em 0%; */ */ font: italic 1em/1 sans-serif; } BIG { font-size: small; } BLOCKQUOTE { /* margin: 0em 0% 0em 0%; */ } BODY { /* margin: 0em 0% 0em 0%; */ /* font: 1em/1 sans-serif; */ background: #DEDEDE; cursor: default; } BUTTON { cursor: auto; } CAPTION { /* margin: 0em 0% 0em 0%; */ } CODE { font-size: 1em; font-family: monospace; /* To avoid overriding boldness/italicity by using font */ } DIV { /* margin: 0em 0% 0em 0%; */ } DD { /* margin: 0em 0% 0em 0%; */ } DL { /* margin: 0em 0% 0em 0%; */ } DT { /* margin: 0em 0% 0em 0%; */ } FIELDSET { } H1, H2, H3, H4, H5, H6 { font-family: 'Trebuchet MS'; font-weight: bold; color: #ED5100; margin-bottom: 5px; } H1, H1 A { font-size: 22px; font-weight: normal; padding: 5px 0; } H2 { font-size: 18px; line-height: 1.2; /*text-transform: capitalize;*/ } H2 A { font-size: 18px; } H3 { /* color: #8F5ABD; */ font-size: 16px; line-height: 1.2; /*text-transform: capitalize;*/ } H3 A { font-size: 16px; } H4 { /* color: #8F5ABD; */ font-size: 14px; line-height: 1.2; padding: 10px 0 5px 0; text-transform: capitalize; } H5 { font-size: 14px; line-height: 1.2; text-transform: capitalize; border-bottom: 1pt solid #F6D6B9; } H6 { /* color: #8F5ABD; */ font-size: 14px; padding: 10px 0 0 0; text-transform: capitalize; } HR { color: #CCC; height: 0; width: 100% } HTML { margin: 0; background: #FFFFFF; height: 100%; margin-bottom: 1px; } IMG { border: 0; padding: 0; background-color: transparent; } INPUT { cursor: auto; font-size: 12px; /* background: url(images/bg_form.gif); */ } KBD { font: 1em monospace; } LABEL { /*width: 120px; text-align: right; text-transform: lowercase; vertical-align: top; padding-right: 5px; */ font-size: 14px; color: #555; font-weight: bold; } LI { /* margin: 0em 0% 0em 0%; */ } OL { margin: 0em 0% 0em 25px; list-style: decimal; } UL UL OL OL, UL OL UL OL, OL UL OL OL, OL OL UL OL, OL UL OL, OL OL { list-style: lower-alpha; } OL UL OL OL, OL OL UL OL, UL OL OL OL, OL OL OL { list-style: lower-roman; } OL OL OL OL { list-style: decimal; } UL { margin: 0em 0% 0em 25px; list-style: disc; } UL UL, OL OL UL UL, OL UL OL UL, UL OL OL UL, OL UL UL, UL OL UL { list-style: circle; } OL UL UL UL, UL OL UL UL, UL UL OL UL, UL UL UL { list-style: square; } UL UL UL UL { list-style: disc; } P { /* margin: 0em 0% 0em 0%; */ padding: 10px 0; } PRE { /* margin: 0em 0% 0em 0%; */ font: 1em/1 monospace; } SAMP { font: 1em monospace; } SMALL { font-size: 0.8em; } SUB { font-size: 1em; } SUP { font-size: 1em; } TH { /* font: bold 1em/1 sans-serif; */ } TD { color: #666666; } TEXTAREA { cursor: text; } TT { font: 1em monospace; } /********************************************* Classes */ .meta { font-size: 11px; } .image { border: 1pt solid gray; padding: 2px; background-color: #FFF; } .image_normal { border: 0; padding: 0; background-color: transparent; } .flag { border: 1px solid #000; padding: 1px; background-color: white; } .flag2 { border: 1px solid #000; vertical-align: middle; } .smiley { border: 0; padding: 0 5px; background-color: transparent; cursor: pointer; } .button { font-size: 14px; } .close-button { background: transparent url(images/check.gif) no-repeat scroll 1px -50px; display: inline; height: 16px; overflow: hidden; width: 16px; text-indent: -9999px; z-index: 1000; } .close-button:hover { background-position: -399px -50px; } .close-button-transparent { background: transparent url(images/close.gif); overflow: hidden; text-indent: -9999px; height: 16px; width: 16px; z-index: 1000; } .expand-button { background: transparent url(images/check.gif) no-repeat scroll 1px -25px; display: inline; height: 16px; overflow: hidden; text-indent: -9999px; width: 16px; z-index: 100; } .expand-button:hover { background-position: -399px -25px; } .learnmore { background-color: #FFFEE5; border: 1pt solid #CCCCCC; padding: 5px; } .info { font-size: 12px; color: #666; vertical-align: middle; } .info A { font-size: 12px; } .example { font-size: 11px; } .date { font-size: 11px; color: #999999; vertical-align: top; } .feed { padding: 0 0 0 15px; margin-left: 5px; background: url(images/feedicon.png) no-repeat 0 50%; } .simple_box { background-color: #FFFFFF; border: 1px solid #CCCCCC; margin: 0px 10px 10px; padding: 10px; } .simple_box P { padding: 20px; } .frame { border: 1pt solid #CCC; padding: 5px; } .generic-note { background-color: #FFFF99; border-color: #FFFF77 rgb(213, 213, 119) rgb(213, 213, 119) rgb(255, 255, 119); border-style: solid; border-width: 1px 2px 2px 1px; padding: 2px; font-size: 0.9em; } .tip { margin-top: 10px; font-size: 14px; padding: 5px; line-height: 22px; } .bigger_box { margin: 10px 0; padding: 5px; text-align: center; font-size: 1em; } .poster_url { color: #AAA; width: 100%; } .required { color: #FF9933; font-size: 12px; } .label { width: 100px; text-align: left; font-size: 14px; color: #555; font-weight: bold; vertical-align: top; float: left; } .labellong { width: 200px; } .big { font-size: 24px; font-weight: bold; color: #999; vertical-align: middle; } .userInput { display: block; padding: 5px 0px 15px 0px; } .fanposterIcon { background:url(images/fanposter_icon.jpg) no-repeat; width: 160px; height: 110px; padding-top: 10px; text-align: center; vertical-align: middle; font-size: 18px; font-weight: bold; color: #990000; display: inline; } .fanposterIcon STRONG { font-size: 28px; } .fanposterIcon EM { font-size: 18px; color: #9C6F31; } .optionContainer { background-color: #FFFDF6; border: 1px solid #DCC57F; padding: 10px; margin: 0 0 0 25px; width: 400px; opacity: .5; filter: alpha(opacity=50); } .optionContainer LABEL { font-size: 12px; } #container_submenu { padding: 10px; background-color: #FFF; border-bottom: 1pt solid #778; border-left: 1pt solid #778; border-right: 1pt solid #778; } /* LINK STYLES */ .purple a:hover { background-color: #8F5ABD; color: #FFFFFF; text-decoration: none; } .purple a { color: #8F5ABD; text-decoration: none; } .element_focus { font-size: 14px; border: 1pt solid #F38E5A; background: #FDF3D5; } .element_blur { font-size: 14px; border: 1pt solid #C2C2C2; background: #FFF; } /********************************************* LAYOUT */ #masterHeader { width: 100%; height: 34px !important; /* 26px */ /*background: #990000;*/ background: url(images/bg_top.png) repeat-x; color: #EDB228; /*border-bottom: 1pt solid #000;*/ font-size: 13px; font-weight: bold; } /* IE hack */ * html #masterHeader { background-image: none; height: 34px !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.fanposter.org/css/images/bg_top.png'); } #masterHeader A, #masterHeader A:visited { color: #FFF; background: transparent; text-decoration: underline; } #masterHeader A:hover { color: #990000; background: #FFF; } .masterHeaderButton { vertical-align: middle; padding: 1px 5px; color: #FFF !important; font-weight: bold; text-align: center; color: #ECD6AF; border: 1pt solid #ECD6AF; text-decoration: none; cursor: pointer !important; background: transparent; font-size: 12px; } #masterHeaderLogo { padding: 3px 6px; color: #FFAD56; /*font-size: 14px;*/ float: left; } #masterHeaderCreate { padding: 6px 6px; margin: 0 0; float: left; display: inline; font-size: 13px; font-weight: bold; } #masterHeaderSearchField { padding: 1px 5px; display: inline; position: relative; } #masterHeaderSearchField input { font-size: 12px; height: 20px; } #masterHeaderUser { padding: 3px 20px 0 0; color: #EDB228; margin-top: 4px; vertical-align: bottom; font-size: 13px; font-weight: bold; } #masterHeaderUser A, #masterHeaderUser A:visited { color: #FFF; background: transparent; text-decoration: none; } #masterHeaderUser A:hover { color: #990000; background: #FFF; } #masterHeaderUser SPAN { color: #FFF; font-weight: bold; } #masterHeaderUserMenu { } #masterHeaderUserMenu A { } #masterHeaderUserMenu A:hover { color: #FFF !important; background-color: #FF6633; } #masterHeaderUserDropdown { position: absolute; top: 28px; display: none; border: 1pt solid #990000; background: #FFF; width: 130px; z-index: 1; } #masterHeaderUserDropdown A { font-weight: normal; padding: 2px 5px; color: #990000 !important; width: 100%; } #masterHeaderUserDropdown A:hover { text-decoration: none; background: #FF6633; color: #FFF !important; } /********************************************* IDs */ #masterHeaderMain { padding: 0; background: #990000; } #topHeader { width: 960px; height: 42px; padding: 5px 0; text-align: right; } #subHeader { width: 100%; /* background-image: url(images/bg_tabbar.gif); background-repeat: repeat-x; height: 28px; */ height: 65px; float: left; clear: both; } #subHeaderTabbar { width: 960px; position: relative; } #tabbar_tools { float: right; padding: 6px 0px; font-size: 10px; vertical-align: middle; } #tabbar { margin: 0; padding: 0; margin-bottom: -1px; float: right; /*border-bottom: 1px solid gray; width: 90%; width of menu. Uncomment to change to a specific width */ } #tabbar ul { padding: 0; margin: 0; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } #tabbar li { display: inline; margin: 0; font-size: 14px; font-weight: bold; width: 120px; padding: 6px 0; text-align: center; float: left; } #tabbar li a { text-decoration: none; font-size: 12px; padding: 6px 7px; color: #BF6060; } #tabbar li a:visited { color: #BF6060; background-color: transparent; } #tabbar li a:hover { text-decoration: underline; color: #C41200; background-color: transparent; } #tabbar li.selected { background-image: url(images/tab_selected.gif); position: relative; } #tabbar li.selected a { /*selected main tab style */ color: #000; text-decoration: none; background-color: transparent; } #tabbar li.selected a:visited { color: #000; background-color: transparent; } #tabbar li.selected a:hover { /*selected main tab style */ text-decoration: none; background-color: transparent; } /*********************************************/ /* MAIN MENU */ #mainMenu { padding: 0 0 0 0; } ul#mainMenuNav, ul#mainMenuNav li { list-style-type: none; margin: 0; padding: 0; } ul#mainMenuNav li { float: left; margin-left: 5px; text-align: center; } ul#mainMenuNav a { display: block; text-decoration: none; padding: 0 0 3px; background: #990000; color: #FFF; font-size: 12px; font-weight: bold; margin-top: 5px; } ul#mainMenuNav a:hover { text-decoration: underline; } ul#mainMenuNav li.selectedMainMenu a { color: #990000; background: #FFF; margin-top: 0; } #introduction { background-color: #FFFFFF; background-image: url(images/bg_body.gif); border: 1px solid #CCCCCC; font-size: 12px; margin: 0pt; padding: 10px; width: 350px; } #introduction LI { font-size: 150%; line-height: 150%; color: #999999; } #searchBox { background-color: #E1D4C0; border: 1px solid #AAA; font-size: 12px; margin: 0pt; padding: 20px; width: 440px; } #content { background-color: #FFFFFF; /*background-image: url(images/bg_full.gif);*/ /* border: 1px solid #CCCCCC; */ font-size: 12px; clear: both; } #content_left { width: 160px; text-align: left; color: #555555; vertical-align: top; border: 1pt solid #AAA; background: #FFF; padding: 10px; font-size: 12px; /* border-right: 1pt solid #DDD; */ } #content_main { text-align: left; vertical-align: top; padding: 5px 10px; border: 1px solid #AAA; background-color: #FFF; background-image: url(images/bg_body.gif); } #content_right { width: 200px; text-align: left; vertical-align: top; } #content_right_big { width: 340px; text-align: left; vertical-align: top; } .toolbox { background-color: #FFFFFF; background-image: url(images/small_bg.gif); background-repeat: repeat-x; border: 1px solid #CCCCCC; font-size: 12px; margin: 0 0 5px 0; padding: 2px 10px; text-align: left; clear: both; } .toolbox UL { } .toolbox A { vertical-align: top; } .toolbox LI { list-style-image: url(images/arrow_right.gif); } /* FILL PAGE ACTION */ #fillPage{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #000; opacity: .5; filter: alpha(opacity=50); z-index: 1005; display: none; } #coverPage { position: absolute; left: 20%; top: 20%; height: 500px; width: 800px; background-color: #EFEFEF; background-repeat: no-repeat; border: 1px solid #2A64AE; z-index: 1010; padding: 10px; display: none; overflow: auto; } #loadingIndicator { position: absolute; top: 0; left: 0; display: none; z-index: 2500; } .embed { font-size: 11px; width: 100%; height: 50px; } /* FOOTER */ #footer { clear: both; margin: 0px 0px; text-align: left; font-size: 11px; font-weight: bold; line-height: 18px; color: #999999; text-align: left; width: 960px; background-color: #990000; /*background-image: url(images/bg_footer.gif);*/ } #footer A { color: #FFF; cursor: auto; font-size: 11px; font-weight: normal; text-decoration: none; background: transparent; } #footer A:visited { color: #FFF; } #footer A:hover { color: #A83C0F; background-color: #FFF; } #copyright { font-weight: normal; color: #CCCCCC; } #errorMsgText { color: #000000; border: 1pt solid #EA6A31; padding: 5px 5px; margin: 10px 0; font-weight: bold; display: block; font-size: x-small; /* background: url(images/check_error.gif) #F5C4A1 no-repeat 5px 4px; */ } .errorMsgText { color: #000000; border: 1pt solid #EA6A31; padding: 5px 5px; margin: 10px 0; font-weight: bold; display: block; font-size: x-small; /* background: url(images/check_error.gif) #F5C4A1 no-repeat 5px 4px; */ } #messageText { border: 1pt solid #95CC79; padding: 5px 5px; color: #000000; font-weight: bold; font-size: x-small; /* background: url(images/check_pass.gif) #D6E9C8 no-repeat 5px 4px; */ } /*********************************************/ /* TABS */ .shadetabs { margin: 0; padding: 0; padding-bottom: 3px; border-bottom: 1px solid #778; /* width: 90%; width of menu. Uncomment to change to a specific width */ } .shadetabs ul { padding: 0 10px; margin: 0; font-size: 12px; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li { display: inline; margin: 0; } .shadetabs li a { text-decoration: none; padding: 3px 7px; margin-right: 3px; border-bottom: 1px solid #778; border-top: 1px solid #778; border-left: 1px solid #778; border-right: 1px solid #778; color: #2d2b2b; background: white url(images/shade.gif) top left repeat-x; } .shadetabs li a:visited { color: #2d2b2b; } .shadetabs li a:hover { text-decoration: underline; color: #2d2b2b; } .shadetabs li.selected { position: relative; } .shadetabs li.selected a { /*selected main tab style */ background-image: url(images/shadeactive.gif); border-bottom-color: white; } .shadetabs li.selected a:hover { /*selected main tab style */ text-decoration: none; } /*********************************************/ /* TOOLTIP */ #dhtmltooltip { position: absolute; left: -300px; width: 150px; border: 1px solid black; padding: 0; background-color: #E8E8FF; visibility: hidden; z-index: 200; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); } #dhtmlpointer { position:absolute; left: -300px; z-index: 201; visibility: hidden; } /*********************************************/ /* POPUP TABLE */ #popupTable { width: 100%; background-color: #E8E8FF; z-index: 105; } #popupTable TH { background-color: #000099; color: #FFF; font-size: 12px; padding: 2px; margin: 0; text-align: left; vertical-align: top; cursor: move; } #popupTable TH A, .popupTable TH A:hover, .popupTable TH A:visited, .popupTable TH A:active { color: #FFF; /* background: transparent; */ } #popupTable TD { color: #000; padding: 2px; font-size: 12px; } .popup_description { background-color: #FEFADE; padding: 2px; border: 1pt solid #DDAD08; } /* POPUP submenu */ #popupProfile_container_submenu { padding: 10px; background-color: #FFF; border-bottom: 1pt solid #778; border-left: 1pt solid #778; border-right: 1pt solid #778; } #popupField_container_submenu { padding: 10px; background-color: #FFF; border-bottom: 1pt solid #778; border-left: 1pt solid #778; border-right: 1pt solid #778; } /* BUBBLES */ div.bubble { width: auto; /* font-size: 0.75em; margin-bottom: 24px; */ } div.bubble blockquote { margin: 0px; padding: 0px; border: 1px solid #DDAD08; background-color: #FEFADE; } div.bubble blockquote p { margin: 10px; padding: 0px; } div.bubble cite { display: block; margin: -1px 0 0 0; padding: 10px 5px 5px 10px; /* position: relative; top: 6px; */ background: transparent url(images/tip_yellow.gif) no-repeat 20px 0; font-style: normal; } /*********************************************/ /* STEPS */ #steps { list-style-type: none; margin: 0 0 0 0; padding: 0 0 1em 0; font-weight: bold; color: #F6D6B9; /* border-bottom: 1px #999 dashed; */ } #steps LI { list-style-image: url(); font-size: 14px; display: inline; margin: 1em 1em; /* margin: 0 2em 0 0; */ } #steps LI SPAN { background-color: #999; padding: 0.3em 0.5em; margin-right: 0.5em; color: white; } #steps LI.current { color: #ED5100; } #steps LI.current SPAN { background-color: #F38E5A; } /*********************************************/ /* STAR RATER */ .ratingContainer { background:transparent url(images/optsbg.gif) repeat scroll 0%; color:#385A6B; float:left; font-family:Tahoma,Arial,sans-serif; font-size:11px; line-height:11px; padding:10px 4px; width: 175px; text-align:left; } .left { float:left; } .rating { margin-left:4px; } .votes { color:#99AABB; } .star_rating { background:transparent url(images/rating_stars.gif) repeat-x scroll 0pt 0px; height:12px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:-1px 0pt 0pt -1px; overflow:hidden; padding:0pt; position:relative; width:70px; } .star_rating li { float:left; margin:0pt; padding:0pt; } .star_rating li a { display:block; height:12px; margin:0pt; padding:0pt; position:absolute; text-decoration:none; text-indent:-9000px; width:14px; z-index:20; } .star_rating li a:hover { background:transparent url(images/rating_stars.gif) repeat scroll 0pt 12px; left:0pt; z-index:2; } .star_rating a.stars_1 { left:0pt; } .star_rating a.stars_1:hover { width:14px; } .star_rating a.stars_2 { left:14px; } .star_rating a.stars_2:hover { width:28px; } .star_rating a.stars_3 { left:28px; } .star_rating a.stars_3:hover { width:42px; } .star_rating a.stars_4 { left:42px; } .star_rating a.stars_4:hover { width:56px; } .star_rating a.stars_5 { left:56px; } .star_rating a.stars_5:hover { width:70px; } .star_rating li.current_rating { background:transparent url(images/rating_stars.gif) repeat scroll 0pt 24px; display:block; height:12px; left:0pt; position:absolute; text-indent:-9000px; z-index:1; } /*********************************************/ /* EDITABLE */ .editableText { padding: 0 2px; display: inline; width: 120px; margin-bottom: 5px; } .editableTextLong { padding: 0 2px; display: inline; width: 90%; margin-bottom: 5px; } .editableTextbox { padding: 2px; display: compact; width: 120px; margin-bottom: 5px; /* height: 60px; */ } .editableTextboxLong { padding: 2px; display: compact; width: 90%; margin-bottom: 5px; /* height: 100px; */ } .editable IMG { vertical-align: top; border: 0 !important; cursor: pointer; } .editable A, .editable A:visited, .editable A:active { text-decoration: none; padding: 1px; border: 1pt solid #DDD; color: #2d2b2b; } .editable A:hover { /* border: 1pt solid #AAA; */ color: #000; background-color: #FFFF99; padding: 1px; cursor: text; } .editableError { display: none; } .editable INPUT { font-size: 12px; } .editable TEXTAREA { font-size: 12px; width: 400px; height: 100px; } .buttonAction { background-image: url(images/bg_button_save.gif); background-repeat: repeat-x; width: 150px; font-size: 16px; color: #FFF !important; font-weight: bold; text-align: center; cursor: pointer !important; text-decoration: none; } .buttonSave { background-image: url(images/bg_button_save.gif); background-repeat: repeat-x; vertical-align: middle; padding: 2px 3px; width: 50px; height: 22px; color: #FFF !important; font-weight: bold; font-size: 12px; text-align: center; cursor: pointer !important; } .buttonCancel { background-image: url(images/bg_button_cancel.gif); background-repeat: repeat-x; vertical-align: middle; padding: 2px 3px; width: 50px; height: 22px; color: #FFF !important; font-weight: bold; font-size: 12px; text-align: center; cursor: pointer !important; } /* BUTTONS */ .css-buttons { background-image: url(images/button_bg_orange.gif); border: #BD6B12 1px solid; padding: 2px 15px; margin: 3px; color: #FFF !important; text-align: center; text-decoration: none !important; font-weight: bold; font-size: 14px; position: relative; white-space: nowrap; height: 14px; } /*input[type="button"],input[type="reset"],input[type="submit"] {*/ .button { background: #BD6B12 url(images/button_bg_orange.gif) repeat-x 1px; border: 1px solid #BD6B12; padding: 0 15px; margin: 0 5px 0 0; color: #FFF !important; text-align: center; text-decoration: none !important; font-weight: bold; font-size: 14px; white-space: nowrap; vertical-align: top; height: 22px; cursor: pointer; } input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover { background: #FFF url(images/button_bg_orange_over.gif) repeat-x 1px; color: #000 !important; } .smallButton { font-size: 12px; } .small_button { font-size: 11px !important; } .buttonContainer { text-align: center; clear: both; padding: 5px 0; } .css-buttons:visited { color: #FFF !important; text-decoration: none; } .css-buttons:hover { background-image: url(images/button_bg_orange_over.gif); color: #000 !important; border: #BD6B12 1px solid; /* background-color: #ED5100; */ text-decoration: none; cursor: pointer; } .css-buttons-selected { background-image: url(images/bg_button_save.gif); color: #FFF !important; } .css-buttons-disabled { background: #FFF; color: #CCC !important; } /*********************************************/ div#news{width: 350px;margin: 0 auto} div#news div{float: left;width: 140px;margin:0 0 5px 5px;padding: 5px 0} div.n1{background: #FDC778} div.n2{background: #75EEB3} div.n3{background: #8EE6F8} div.n4{background: #CFCFCF} /* PHOTOS */ #upload_content { padding: 15px; border-left: 1pt solid #778; border-right: 1pt solid #778; border-bottom: 1pt solid #778; } .pic_preview { cursor: move; float: left; margin: 5px; padding: 6px; width: 60px; height: 60px; text-align: center; background-image: url(images/bg_photo_60.gif); background-repeat: no-repeat; } .pic_float { float: left; margin: 5px; padding: 6px; text-align: center; } .dropBox{ width: 270px; border: 1px solid #000; background-color:#E2EBED; height:270px; margin-bottom:10px; padding:3px; } .fan_table { /*border: 1pt solid #CCCCCC;*/ background-color: transparent; } .fan_table TD { padding: 3px 6px; white-space: nowrap; } .info_table { width: 100%; border: 1pt solid #CCCCCC; background-color: #FFFEE5; margin-bottom: 5px; } .info_table TH { text-align: center; padding: 0px 5px; background-color: #C5DEF9; font-weight: normal; } .info_table TD { text-align: center; padding: 0px 5px; border-bottom: 1pt solid #C5DEF9; } .alternateRow1 { background: #FCF8F4; /* lighter */ } .alternateRow2 { background: #FAF2EA; /* darker */ } /* GROUP TABLE */ .group_table { /* border-top: 1pt solid #CCCCCC; */ margin-bottom: 5px; width: 95%; } .group_table TR { border-bottom: 1pt solid #CCCCCC; } .group_table TH, .group_table TH A { font-size: 10px; border-bottom: 1px solid #CCCCCC; color: #CCCCCC; padding-bottom: 2px; background: transparent; text-align: center; } .group_table TD { text-align: center; border-bottom:1px solid #CCCCCC; /* padding: 3px; */ } .group_table .count { font-size: 18px; width: 40px; font-weight: bold; color: #FF9900; } .group_table .title { color: #8F5ABD; font-family: 'Trebuchet MS'; font-size: 14px; text-align: left; font-weight: bold; padding: 0 5px; } .group_table .th_title { text-align: left; width: 65%; } /* ROW STYLES FOR ENTRIES */ .entry_row { margin-bottom: 5px; } .entry_row SPAN { background-color: rgb(229, 248, 185); vertical-align: top; } .entry_row P { font-size: 11px; color: rgb(204, 204, 204); text-align: left; vertical-align: top; } /* AUTO-COMPLETE */ .hidden_field { /* This is important display must be none by default, and postion MUST Be absolute. Otherwise our results cause the page to jump all over */ position: absolute; display: none; color: #000; background: #FFF9D8; border: 1px solid #408040; margin-left: 105px; width: 200px; } .advertisement, .advertisement A { font-size: 10px; padding: 2px 0; } /* SEARCH RESULTS */ .bt { border-top: 1px solid #A83C0F; } .t { background: #F6EBE7 none repeat scroll 0%; color: #000000; } .t TD { padding: 2px; } .sd { font-size: 115%; font-weight: bold; } .searchresult { margin-top: 15px; } td.searchresulttext { width: 100%; line-height: 1.05em; } div.resulttext { font-size: 12px; } .resulttitle { font-size: 16px; } .linkInfo { color: green; } div.metaInfo { color: gray; } div.description { } /* SHADOW */ /* from: http://www.cssplay.co.uk/menu/shadow_boxing.html */ .shadowPic {display:block; background: transparent; position:relative; margin:0 auto 0px auto;} .shadowPic img {display:block; position:absolute; left:2px; top:0; border: 5px solid #FFF; background:#FFF;} .shadowPic div {display:block; position:absolute; left:2px; top:0; border-top: 5px solid #FFF; background:#FFF;} .xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb8, .xb9 {display:block; float:left; font-size:1px;} .xb1, .xb3, .xb4, .xb6, .xb7, .xb9 {width:4px;} .xb1, .xb2, .xb3, .xb7, .xb8, .xb9 {height:4px;} .xb4, .xb7 {clear:left;} .xb1 {background:url(shadow/tl.gif);} .xb2 {background:url(shadow/top.gif);} .xb3 {background:url(shadow/tr.gif);} .xb4 {background:url(shadow/lft.gif);} .xb5 {background:#606060;} .xb6 {background:url(shadow/rgt.gif);} .xb7 {background:url(shadow/bl.gif);} .xb8 {background:url(shadow/bot.gif);} .xb9 {background:url(shadow/br.gif);} /* BUTTON */ .buttonBox .ButtonLink { margin:0px; } .ButtonLink { background:transparent none no-repeat scroll right top; color:#FFFFFF; font-family: Verdana; display:block; float:left; font-size: 12px; margin:0px; padding:0px; text-decoration:none; } .ButtonOuter { background:transparent none no-repeat scroll left top; display:block; margin:0px; padding:9px 0px 0px; } .CTAButton .ButtonOuter { background-image:url(button/Button_Left.gif); } .ButtonMiddle { background:transparent none no-repeat scroll left bottom; display:block; margin:0px; padding:0px 0px 0px 10px; } .CTAButton .ButtonMiddle { background-image:url(button/Button_Left.gif); } .ButtonInner { background:transparent none no-repeat scroll right bottom; display:block; margin:0px; padding:0px 10px 4px 0px; } .CTAButton .ButtonInner { background-image:url(button/Button_Right.gif); } .ButtonText { display:block; line-height:0.889em; margin:0px; padding:0px 0px 5px; } .CTAButton { background-image:url(button/Button_Right.gif); } /* UPLOAD */ .uld {padding:5px;font-family:Arial, Helvetica, sans-serif;} .uld .warning {color:#CC0000;text-align:left;font-size:10pt;clear:left;float:left;border:1px solid #CC0000; background-color:#EEEEEE;padding:5px;margin:3px;} .uld .notice{ font-family:Arial, Helvetica, sans-serif;color:#666666;text-align:left;font-size:10pt;clear:left;float:left;border:1px solid #CCCCCC; background-color:#FFFFFF;padding:5px;margin:3px;} .uld .tinyfont {font-size: 8pt;} .uld .more{display:none;clear:left;font-size: 8pt;} .uld .progress_bar{padding:2px;display:none;text-align:center;clear:left;} .uld .progress_box{width:100%;background-color:#CCCCCC;border:1px solid #444;text-align:left;} .uld .progress{width:390px;text-align:center;} .uld .bar{width:0%;background-color:#009900;height:8px;overflow:hidden;} .uld .delete_link{color:red;} .uld .upi {font-size:9pt;color:#666666;font-style:italic;} .uld ul{list-style-type:none;clear:left} /* ---------->>> jtip <<<---------------------------------------------------------------*/ #JT_arrow_left{ background-image: url(jtip/arrow_left.gif); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; left:-11px; height:23px; width:10px; top:-2px; } #JT_arrow_right{ background-image: url(jtip/arrow_right.gif); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; height:23px; width:11px; top:-2px; } #JT { position: absolute; z-index:100; border: 1px solid #CCC; background-color: #FFFEE5; font-size: 12px; font-weight: normal; } #JT_copy{ padding:10px 10px 10px 10px; color:#333; } .JT_loader{ background-image: url(jtip/loader.gif); background-repeat: no-repeat; background-position: center center; width:100%; height:12px; } #JT_close_left{ background-color: #CCC; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; } #JT_close_right{ background-color: #CCC; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; } #JT_copy p{ margin:3px 0; } #JT_copy img{ padding: 1px; } .formInfo a, .formInfo a:active, formInfo a:visited { background-color:#8D3C3C; font-size: 1em; font-weight:bold; padding:1px 2px; margin-left:5px; color:#FFFFFF; text-decoration: none; } .formInfo a:hover { color:#660000; text-decoration: none; } /* PREVIEW */ .preview_box_text { background: #FFF; border: 1pt solid #223333; float:left; margin: 0em; position: relative; line-height: 1.5em; width: 240px; height: 210px; } .preview_box_text H5 { padding: 0.5em; } .preview_box_text CENTER { padding: 0.5em; } .preview_box_text UL { padding: 0.5em; } .preview_box_text LI { font-size: 1.1em; line-height: 1.5em; list-style-image: url(images/arrow_right.gif); margin: 0 0 0 -7px; } .preview_box { background-color: #990000; border-color:#DDEEEE; border-style:solid; border-width:0pt 2px 2px 0pt; float:left; margin:0pt 1em 1em 0pt; padding:0.1em; position:relative; line-height:1.22em; float: left; } .preview_box h3 { background:#339900; border-color:#223333 rgb(68, 85, 85) rgb(17, 34, 34) rgb(34, 51, 51); border-style:solid; border-width: 0 0 1px 0; font-size:1.3em; line-height:1em; margin:0pt; padding: 0.5em 0.7em; white-space:nowrap; font-weight:bold; padding-bottom:0.2em; text-align:left; } .preview_box h4 { background:transparent url(preview_box/info.png) no-repeat scroll 0pt; color:#555555; display:none; font-size:0pt; height:25px; line-height:0pt; margin:0pt; overflow:hidden; padding:0pt; position:absolute; right:6px; text-decoration:none; text-indent:-9999px; top:6px; width:43px; } .preview_box h3 a, .preview_box h3 a:visited, .preview_box h3 a:active { color:#FFFFFF; background:transparent none repeat scroll 0%; padding: 0; display:block; overflow:hidden; text-decoration:none; } .preview_box_poster { background:#112222 url(preview_box/my.gif) repeat-x scroll 0%; margin:0pt; position:relative; line-height:1.22em; padding:0pt; } .preview_box_poster img { display:block; overflow:hidden; border:0pt none; } .preview_box_poster_overlay { background-color:#000000; cursor:pointer; display:none; height:179px; left:0pt; margin:0.1em; opacity:0.85; filter: alpha(opacity=85); position:absolute; top:2.3em; width:239px; line-height:1.22em; overflow: hidden; } .preview_box_poster_overlay P { color:#FFFFFF; margin:0; padding: 5px; } .preview_box_poster_overlay .fans { font-weight: bold; } .preview_box_poster_overlay .link { text-align: right; } .preview_box_poster_overlay .link A { color: #FFF !important; } .navigationString { font-size: 0.8em; } .navigationString .css-buttons { padding-left: 5px; padding-right: 5px; } /* NIFTY CORNERS */ .rtop,.artop{display:block} .rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px} .artop *{border-style: solid;border-width:0 1px} .r1,.rl1,.re1,.rel1{margin-left:5px} .r1,.rr1,.re1,.rer1{margin-right:5px} .r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px} .r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px} .r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px} .r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px} .r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px} .r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px} .rx1,.rxl1{border-left-width:5px} .rx1,.rxr1{border-right-width:5px} .rx2,.rxl2{border-left-width:3px} .rx2,.rxr2{border-right-width:3px} .re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px} .re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px} .rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0} .rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0} .r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px} .rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}