/* style reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-weight:bold;} /* tiny mce*/ #tinymce.mceContentBody ul { list-style-type: circle; list-style: circle; position: relative; left: 15px; } #tinymce ul li { margin-left: 10px; } /* global styles */ body {background:url(../img/website/bg.jpg) left top #fff; font-family: Arial, sans-serif; font-size:0.80em; color:#656565;} body.mceContentBody { background:none; } a.btn_login{width: 118px; height: 35px; background:url(../img/website/login_JoinUpWhite.png) no-repeat; display: block; position: absolute; text-indent: -999999999px; } a.btn_logged{width: 118px; height: 35px; background:url(../img/website/login_loggedIn.png) no-repeat; display: block; position: absolute; text-indent: -999999999px; } a.btn_login:hover{background:url(../img/website/login_JoinUpPink.png) no-repeat;} a, a:visited {text-decoration:underline; color:#e64c8c;} a:hover {text-decoration:underline;} div.clearfix {clear:both;} div.clear {clear:both; height: 0; } .right{ float: right;} .left{ float: left;} #container {width:920px; margin:auto;} #top{width:920px; height:286px; background-image: url(../img/website/top_bg.jpg); background-repeat: repeat-x; background-position: bottom; position:relative;} #search_bar{background-image:url(../img/website/search_bar.png); background-repeat: no-repeat; background-position: top; width:278px; height:16px; padding:11px 10px 8px 10px; position:absolute; top:0; right:121px;} #search_bar label {float:left; margin:1px 8px 1px 0; height:14px; } #search_bar input.text{float:left; height:14px; margin:1px 0 1px 0; height:14px; width:131px; padding:0 2px; background:url(../img/website/search_form.jpg) no-repeat; border:none; font-size:11px;} #search_bar input.image{float:left; margin:1px 7px 1px 0; } .separator{float:left; margin-right:6px;} .get_in_touch{margin:0; float:left;} #login_buttons{position:absolute; top:0; right:0; width:118px; height:34px;} #login_buttons img{float:left;} /********************************************* ADMIN ******************************************/ #adminTopPanel { position: relative; width: 100%; background: #000; color: #fff; height: 30px; top: 0; left: 0; z-index: 100; margin-bottom: 5px; } #adminTopPanel a { color: #69c; } #adminTopPanel div.adminTitle { float: left; font-size: 18px; line-height: 30px; font-weight: bold; padding-left: 10px; } #adminTopPanel div.adminOptions { float: left; line-height: 30px; padding: 0 20px; } #adminTopPanel div.adminMenu { float: right; } #adminTopPanel div.adminMenu ul { position: relative; width: 100px; background: #000; color: #fff;list-style: none; margin: 0; padding: 0; } #adminTopPanel div.adminMenu ul li { position: relative; width: 100px; text-align: center; } #adminTopPanel div.adminMenu ul li:hover { position: relative; width: 100px; text-align: center; background: #999; color: #000; } #adminTopPanel div.adminMenu ul li.separator { position: relative; width: 100px; height: 10px; font-size: 1px; line-height: 1px; background: url(../img/website/website/adminSep.png); } #adminTopPanel div.adminMenu ul li.separator:hover { position: relative; width: 100px; height: 10px; font-size: 1px; line-height: 1px; background: url(../img/website/website/adminSep.png); } #adminTopPanel div.adminMenu ul.level-1 li { line-height: 30px; } #adminTopPanel div.adminMenu ul.level-2 { display: none; position: absolute; top: 30px; left: 0; } #adminTopPanel div.adminMenu ul.level-2 li { line-height: 20px; } #adminTopPanel div.adminMenu ul.level-2 li:hover { background: #999; } #adminTopPanel div.adminMenu ul.level-2 li a { display: block; color: #fff; width: 100%; line-height: 20px; text-decoration: none; } #adminTopPanel div.adminMenu ul.level-2 li a:hover { color: #000; } #adminTopPanel div.adminMenu ul.level-3 { display: none; position: absolute; top: 0; left: -200px; width: 200px; } #adminTopPanel div.adminMenu ul.level-3 li { width: 200px; } #adminTopPanel div.adminMenu ul.level-1 li:hover ul.level-2 { display: block; } #adminTopPanel div.adminMenu ul.level-2 li:hover ul.level-3 { display: block; } #adminLoginPanel { position: absolute; top: 5px; left: 5px; } #adminLoginPanel a { position: relative; display: block; width: 10px; height: 10px; } .admin_menu_items { position: absolute; } .admin_module_config { color: #000; font-size: 0.8em; } .admin_menu_items.left { top: 6px !important; left: 5px !important; width: 10px !important; height: 10px !important; background: url(../img/website/left.gif) !important; position: absolute !important; } .admin_menu_items.right { top: 6px !important; right: 5px !important; width: 10px !important; height: 10px !important; background: url(../img/website/right.gif) !important; position: absolute !important; } /************************************************************************************************************************************************/ #fonts_buttons {position:absolute; top:0; right:650px; width:60px; height:34px;} #logo{position:absolute; top:38px; left:0; background:url(../img/website/logo.png) no-repeat; display:block; width:203px; height:203px; cursor:pointer;} #logo_community{position:absolute; top:95px; left:150px; display:none; background:url(../img/website/logo_community.png) no-repeat; width:245px; height:118px; cursor:pointer;} #logo_handknitting{position:absolute; top:90px; left:735px; background:url(../img/website/logo_handknitting.png) 0 -116px no-repeat ;display:block; width:116px; height:116px; cursor:pointer;} #logo_handknitting:hover{background:url(../img/website/logo_handknitting.png) no-repeat top left; } #logo_craftcouncil{background-image:url(../img/website/logo_craftcouncil.png); background-repeat: no-repeat; background-position: top; position:absolute; top:135px; left:820px; display:block; width:79px; height:79px; cursor:pointer; } #logo_craftcouncil:hover{background:url(../img/website/logo_craftcouncil.png) 0 -79px no-repeat;} #menu {height:27px; position:absolute; bottom:0; left:10px;} #menu li{float:left; width:127px; margin-right:3px; position: relative;} #menu li a{display:block; height:27px; text-decoration: none;} #menu .menu_home{background:url(../img/website/menu_home.png) no-repeat; width:127px;} #menu .menu_home:hover{background:url(../img/website/menu_home.png) 0 -27px no-repeat; width:127px;} #menu .selected .menu_home{background:url(../img/website/menu_home.png) 0 -54px no-repeat; width:127px;} #menu .menu_knit1_pass_it_on{background:url(../img/website/menu_knit1_pass_it_on.png) no-repeat; width:127px;} #menu .menu_knit1_pass_it_on:hover{background:url(../img/website/menu_knit1_pass_it_on.png) 0 -27px no-repeat; width:127px;} #menu .selected .menu_knit1_pass_it_on{background:url(../img/website/menu_knit1_pass_it_on.png) 0 -54px no-repeat; width:127px;} #menu .menu_crafty_teachers{background:url(../img/website/menu_crafty_teachers.png) no-repeat; width:127px;} #menu .menu_crafty_teachers:hover{background:url(../img/website/menu_crafty_teachers.png) 0 -27px no-repeat; width:127px;} #menu .selected .menu_crafty_teachers{background:url(../img/website/menu_crafty_teachers.png) 0 -54px no-repeat; width:127px;} #menu .menu_crafty_volunteers{background:url(../img/website/menu_crafty_volunteers.png) no-repeat; width:127px;} #menu .menu_crafty_volunteers:hover{background:url(../img/website/menu_crafty_volunteers.png) 0 -27px no-repeat; width:127px;} #menu .selected .menu_crafty_volunteers{background:url(../img/website/menu_crafty_volunteers.png) 0 -54px no-repeat; width:127px;} #menu .menu_crafty_students{background:url(../img/website/menu_crafty_students.png) no-repeat; width:127px;} #menu .menu_crafty_students:hover{background:url(../img/website/menu_crafty_students.png) 0 -27px no-repeat; width:127px;} #menu .selected .menu_crafty_students{background:url(../img/website/menu_crafty_students.png) 0 -54px no-repeat; width:127px;} #menu .menu_community{background:url(../img/website/menu_community.png) no-repeat; width:251px;} #menu .menu_community:hover{background:url(../img/website/menu_community.png) 0 -27px no-repeat; width:251px;} #menu .selected .menu_community{background:url(../img/website/menu_community.png) 0 -54px no-repeat; width:251px;} #submenu{height:32px; position:absolute; bottom:-32px; left:9px;} #submenu li{float:left; height:32px; position: relative;} #submenu li a{display:block; height:32px; text-decoration: none;} #submenu .submenu_gallery{background:url(../img/website/submenu_gallery.png) no-repeat; width:130px;} #submenu .submenu_gallery:hover{background:url(../img/website/submenu_gallery.png) 0 -32px no-repeat; width:130px;} #submenu .selected .submenu_gallery{background:url(../img/website/submenu_gallery.png) 0 -64px no-repeat; width:130px;} #submenu .submenu_competition{background:url(../img/website/submenu_competition.png) no-repeat; width:130px;} #submenu .submenu_competition:hover{background:url(../img/website/submenu_competition.png) 0 -32px no-repeat; width:130px;} #submenu .selected .submenu_competition{background:url(../img/website/submenu_competition.png) 0 -64px no-repeat; width:130px;} #submenu .submenu_video{background:url(../img/website/submenu_video.png) no-repeat; width:130px;} #submenu .submenu_video:hover{background:url(../img/website/submenu_video.png) 0 -32px no-repeat; width:130px;} #submenu .selected .submenu_video{background:url(../img/website/submenu_video.png) 0 -64px no-repeat; width:130px;} #submenu .submenu_forum{background:url(../img/website/submenu_forum.png) no-repeat; width:130px;} #submenu .submenu_forum:hover{background:url(../img/website/submenu_forum.png) 0 -32px no-repeat; width:130px;} #submenu .selected .submenu_forum{background:url(../img/website/submenu_forum.png) 0 -64px no-repeat; width:130px;} #submenu .submenu_file_transfer{background:url(../img/website/submenu_file_transfer.png) no-repeat; width:131px;} #submenu .submenu_file_transfer:hover{background:url(../img/website/submenu_file_transfer.png) 0 -32px no-repeat; width:131px;} #submenu .selected .submenu_file_transfer{background:url(../img/website/submenu_file_transfer.png) 0 -64px no-repeat; width:131px;} #submenu .submenu_upload_area{background:url(../img/website/submenu_upload_area.png) no-repeat; width:251px;} #submenu .submenu_upload_area:hover{background:url(../img/website/submenu_upload_area.png) 0 -32px no-repeat; width:251px;} #submenu .selected .submenu_upload_area{background:url(../img/website/submenu_upload_area.png) 0 -64px no-repeat; width:251px;} #login_logo:hover {background:transparent url(../img/website/btn_upload_on.jpg) no-repeat scroll left top;} #login_logo {background:transparent url(../img/website/btn_upload_off.jpg) no-repeat scroll 0 0;display:block;height:235px;position:relative;width:260px;} #login_btn:hover{background:transparent url(../img/website/go_off.png) no-repeat scroll 0 0;} #login_btn{background:transparent url(../img/website/go_on.png) no-repeat scroll 0 0;display:block; float:left;height:30px;left:0px;position:relative;width:250px;} #login_btn.logged_in:hover{background:transparent url(../img/website/logout_off.png) no-repeat scroll 0 0;} #login_btn.logged_in {background:transparent url(../img/website/logout_on.png) no-repeat scroll 0 0;} #content{width:920px; padding:10px 0 0 0; background:url(../img/website/content.jpg) repeat-y;} #content ul{ padding-left: 20px; list-style: disc; list-style-position: inside; } #content li{ padding: 3px 0; } .left_side{float:left; width:620px; padding:0 0 0 20px;} #left_column{ width: 620px; } .right_side{float:right; width:240px; padding:10px 10px 30px 0;} .pink_bar{background:url(../img/website/pink_bar.jpg) repeat-x #EC408C; font-size:1.154em; min-height:20px;margin-bottom:5px; padding:4px 10px; width:600px; color: #860A49; font-weight: bold; clear: both;} .pink_bar#rel{position: relative;} .pink_bar#maker_profile{margin-top: 20px;} .pink_bar #winner_badge{position: absolute;top:-38px;float: left;} .pink_bar #month{float:left;left:135px;position:absolute;text-transform:uppercase;} .pink_bar #uploaded{color:white;float:right;font-size:85%;font-weight:normal;} #admin_choose{float:right;color:#e6408a;margin-right:20px;} #main_craft_image{padding-top:0px;text-align: center;} #content #col_left{float:left;width:120px;} #content #col_right{float:right;width:480px;margin-left:20px;} #content #col_right h3{color:#E6408A} #content #col_right #profile_description p{margin-top: 10px;} #content #featured_work{width:620px;float:left;margin-top:20px;} #content #featured_work h3, #content #featured_work hr{color:#E6408A} .ftp_bar{font-size:15px; height:20px; margin-bottom:5px; padding:4px 10px; width:600px; color: #860A49; font-weight: bold; clear: both;} .filename_bar{background:url(../img/website/pink_bar.jpg) repeat-x; font-size:15px; height:20px; margin-bottom:5px; padding:4px 10px; width:80px; color: #860A49; font-weight: bold; clear: both;} .pink_bar .white{ color: #860A49;} .pink_bar .left{ float: left;} .pink_bar .right{ float: right;} .pink_bar .right_normal{ float: right; font-size: 0.688em; color: #fff; font-weight: normal; text-transform: none; } .pink_bar .left_normal{ float: left; font-size: 11px; color: #fff; font-weight: normal; text-transform: none; } .blue_field_top{background-image:url(../img/website/blue_field_top.jpg); background-repeat: no-repeat; background-position: top; width:610px; padding:10px 10px 0 10px; color:#fff;} .blue_field_mid{background:#44b8f3; width:630px;} .blue_field_bot{background-image:url(../img/website/blue_field_bot.jpg);background-repeat: no-repeat; background-position: bottom; width:630px; padding-bottom:10px;} .right_side .module { border-bottom: 1px solid #e84793; } .right_side .imagemodule img { margin-left: -10px; margin-right: -10px; } .right_side .textmodule { padding: 10px 0; } .change_size{position:absolute; top:-25px; right:5px;} .change_size p{float:left; font-size:9px; text-transform:uppercase; color:#ed4094; margin:9px 5px 0 0;} .change_size a{display:block; float:left; margin-right:5px;} .change_size a.normal_size{width:11px; height:11px; background:url(../img/website/normal_size.png) no-repeat; margin-top:9px;} .change_size a.normal_size_on{width:11px; height:11px; background:url(../img/website/normal_size_on.png) no-repeat; margin-top:9px;} .change_size a.bigger_size{width:15px; height:15px; background:url(../img/website/bigger_size.png) no-repeat; margin-top:5px;} .change_size a.bigger_size_on{width:15px; height:15px; background:url(../img/website/bigger_size_on.png) no-repeat; margin-top:5px;} .change_size a.biggest_size{width:20px; height:20px; background:url(../img/website/biggest_size.png) no-repeat;} .change_size a.biggest_size_on{width:20px; height:20px; background:url(../img/website/biggest_size_on.png) no-repeat;} #footer_top{width:920px; height:62px; background:url(../img/website/footer_top.jpg) no-repeat; position:relative; margin: 0px !important;} #footer{background:#42082e url(../img/website/footer.jpg) repeat-x scroll 0 0; height:105px; position:relative; width:920px; margin: 0px !important;} #footer ul{position:absolute; bottom:5px; left:10px; width: 900px; border-top: 1px solid #94226e; padding-top: 5px; } #footer ul li{float:left; margin-right:15px;} #footer ul li a{color:#fff; text-decoration: none;} #footer ul li a:hover{color:#ec3f93;} .footer_logo_1{position:absolute; bottom:60px; right:222px; background:url(../img/website/footer_logo_1.jpg) no-repeat top left; display:block; width:54px; height:41px;} .footer_logo_1:hover{background:url(../img/website/footer_logo_1.jpg) 0 -41px no-repeat;} .footer_logo_2{position:absolute; bottom:60px; right:25px; background:url(../img/website/footer_logo_2.png) no-repeat top left; display:block; width:170px; height:40px;} .footer_logo_2:hover{background:url(../img/website/footer_logo_2.png) 0 -40px no-repeat;} /********************************************* ADMIN ******************************************/ #adminTopPanel { position: relative; width: 100%; background: #000; color: #fff; height: 30px; top: 0; left: 0; z-index: 100; margin-bottom: 5px; } #adminTopPanel a { color: #69c; } #adminTopPanel div.adminTitle { float: left; font-size: 18px; line-height: 30px; font-weight: bold; padding-left: 10px; } #adminTopPanel div.adminOptions { float: left; line-height: 30px; padding: 0 20px; } #adminTopPanel div.adminMenu { float: right; } #adminTopPanel div.adminMenu ul { position: relative; width: 100px; background: #000; color: #fff;list-style: none; margin: 0; padding: 0; } #adminTopPanel div.adminMenu ul li { position: relative; width: 100px; text-align: center; } #adminTopPanel div.adminMenu ul li:hover { position: relative; width: 100px; text-align: center; background: #999; color: #000; } #adminTopPanel div.adminMenu ul li.separator { position: relative; width: 100px; height: 10px; font-size: 1px; line-height: 1px; background: url(../img/website/website/adminSep.png); } #adminTopPanel div.adminMenu ul li.separator:hover { position: relative; width: 100px; height: 10px; font-size: 1px; line-height: 1px; background: url(../img/website/website/adminSep.png); } #adminTopPanel div.adminMenu ul.level-1 li { line-height: 30px; } #adminTopPanel div.adminMenu ul.level-2 { display: none; position: absolute; top: 30px; left: 0; } #adminTopPanel div.adminMenu ul.level-2 li { line-height: 20px; } #adminTopPanel div.adminMenu ul.level-2 li:hover { background: #999; } #adminTopPanel div.adminMenu ul.level-2 li a { display: block; color: #fff; width: 100%; line-height: 20px; text-decoration: none; } #adminTopPanel div.adminMenu ul.level-2 li a:hover { color: #000; } #adminTopPanel div.adminMenu ul.level-3 { display: none; position: absolute; top: 0; left: -200px; width: 200px; } #adminTopPanel div.adminMenu ul.level-3 li { width: 200px; } #adminTopPanel div.adminMenu ul.level-1 li:hover ul.level-2 { display: block; } #adminTopPanel div.adminMenu ul.level-2 li:hover ul.level-3 { display: block; } #adminLoginPanel { position: absolute; top: 5px; left: 5px; } #adminLoginPanel a { position: relative; display: block; width: 10px; height: 10px; } .admin_menu_items { position: absolute; } .admin_module_config { color: #000; font-size: 0.8em; } /************************************************************************************************************************************************/ .clr { clear: both; font-size: 1px; line-height: 1px; } .green { color: #0f0 !important; } .red { color: #f00 !important; } .light_blue {color:#036eb2 !important;} .pink { color: #ED4094; } /********************************************************** STYLES FOR PAGE (AND TINY) **********************************************************/ .header_text { font-size: 26px; color: #e93d93; font-weight: bold; } .body_default { font-size: 12.8px; color: #656565; font-weight: normal; } .header_blue_text { font-size: 26px; color: #379fe8; font-weight: bold; } .small_header_text { font-size: 18px; color: #e93d93; font-weight: bold; } .dark_purple_text { font-size: 15px; color: #860A49; font-weight: bold; } /************************************************************************************************************************************************/ .pink_header { color: #e84793; font-weight: bold; font-size: 13px;} .pink_header_sub { color: #909090; font-size: 8px; } .videoCategory{ width: 200px; Xheight: 146px; margin-bottom: 10px; float: left; margin-right: 5px; } .videoCategoryMargin{ margin-right: 10px;} .videoCategory img{ width: 200px; height: 120px; background-color:gray; display: block; } .videoCategory h4{ color: #e84793; font-weight: bold; font-size: 1em;} .videoCategory h4 a{ color: #e84793; font-weight: bold; font-size: 1em;} .videoCategory h5{ color: #909090; font-size: 0.692em; } .videoCategory h5 a{ color: #909090; font-size: 0.692em; } #videoItemPreview{position: relative; overflow: hidden; float: left; clear: both; width: 620px; height: 520px; margin-top: 10px; background-color: #fff; background-position: center center; background-repeat: no-repeat;} #videoItemPreview a{ width: 640px; height: 520px; display: table-cell; vertical-align: middle; text-align: center;} #videoLoader{ position: absolute; z-index: 999;} .galleryCategory{ width: 200px; margin-bottom: 9px; float: left;} .galleryCategory a.image { width: 200px; height: 100px; overflow: hidden; display: block;} .galleryCategoryMargin{ margin-right: 10px; margin-bottom:15px;} .galleryCategoryFirst{ clear: left; } .galleryCategory img{ width: 200px; background-color:gray; display: block; } .galleryCategory h4{ padding-top: 5px; color: #e84793; font-weight: bold; font-size: 1em;} .galleryCategory h4 a{ color: #e84793; font-weight: bold; font-size: 1em;} .galleryCategory h5{ color: #909090; font-size: 0.692em; padding-bottom:5px; padding-top: 3px;} .galleryCategory h5 a{ color: #909090; font-size: 9px; } #galleryItemPreview{position: relative; overflow: hidden; float: left; clear: both; width: 620px; height: 520px; margin-top: 10px; background-color:#fff; background-position: center center; background-repeat: no-repeat;} #galleryItemPreview a{ width: 640px; height: 520px; display: table-cell; vertical-align: middle; text-align: center;} #gallerySlider{float: left; clear: both; width: 620px; height: 250px; margin-top: 10px;} #gallerySlider2{float: left; clear: both; width: 620px; height: 250px; margin-top: 10px;} #gallerySliderPrev{ float: left;} #gallerySliderNext{ float: right;} ul#gallerySliderList{ float: left; padding-left: 0px; width: 702px;} ul#gallerySliderList li.gallerySliderThumbnail{float: left; margin-left: 0px; margin-right: 7px; margin-bottom: 7px; height:245px; margin-right:7px; overflow:hidden; width:110px; display: block; position: relative;} ul#gallerySliderList li.gallerySliderThumbnail2{float: left; margin-left: 0px; margin-right: 7px; margin-bottom: 7px; height:200px; margin-right:7px; overflow:hidden; width:149px; display: block; position: relative;} ul#gallerySliderList2{ float: left; padding-left: 0px; width: 702px;} ul#gallerySliderList2 li.gallerySliderThumbnail2{float: left; margin-left: 0px; margin-right: 7px; margin-bottom: 7px;} #galleryLoader{ display: none; position: absolute; z-index: 999; width: 128px; height: 60px; top: 230px; left: 246px; text-align: center;} #galleryLoader img{ padding-top: 14px;} #galleryPrevItem{ position: absolute; bottom: 3%; right: 0; cursor: pointer;} #galleryNextItem{ position: absolute; bottom: 3%; left: 0; cursor: pointer;} .header_pink {color:#860A49; font-weight:bold; font-size:0.813em;} .forumTopicTable{ width: 620px; color: white; font-size:0.923em; table-layout: fixed; } .forumTopicTable a{color: white; font-size:1.154em; } .forumTopicTable tr.subjectTop{ height: 27px;} .forumTopicTable tr.subjectBot{ height: 26px;} .forumTopicTable tr.subjectSpace{ height: 5px;} .forumTopicTable tr.subjectTop .td1 a {color:#860A49;display:block;font-weight:bold;overflow:hidden;position:relative;text-decoration:none;top:3px;width:100%;} .forumTopicTable tr.subjectTop th.td1{ width: 300px; padding-left: 0.938em; color:#860A49; font-weight:bold;} .forumTopicTable tr.subjectTop th.td2{ width: 100px; color:#860A49; font-weight:bold;} .forumTopicTable tr.subjectTop td.td1{ background-image: url('../img/website/forum_subject_top.png'); background-position: left top; background-repeat: no-repeat; background-color: #43B2E7; overflow: hidden; height: 25px; padding-left: 15px; color:#860A49; font-weight:bold;} .forumTopicTable tr.subjectTop td.td2{ background-image: url('../img/website/forum_subject_top.png'); background-position: right top; background-repeat: no-repeat; background-color: #43B2E7; } .forumTopicTable tr.subjectBot td{ background-image: url('../img/website/forum_subject_bot.png'); background-position: left bottom; background-repeat: no-repeat; background-color: #43B2E7; padding-left: 15px; } .forumTopicTable tr.subjectBot td a{ text-decoration: none;} .header_pink {color:#860A49; font-weight:bold; font-size:13px;} .ForumTopicAddForm .text label{float: left;} .ForumTopicAddForm .text input{width: 560px; float: right;} .ForumTopicAddForm .textarea label{display: none;} .ForumTopicAddForm .textarea{margin: 10px 0;} .ForumTopicAddForm textarea{width: 618px; height: 116px;} .ForumTopicAddForm .submit{ float: right;} .ForumTopicAddForm .error-message{ clear: both; color: red;} .forumTopicTable tr.u18 td{ background-image: url('../img/website/forum_subject_u18.png'); padding-left: 55px; } .forumTopicTable tr.u18 td.td1 { background-image: url('../img/website/forum_subject_u18.png'); padding-left: 55px; } .forumTopicTable tr.u18 td.td2 { background-image: url('../img/website/forum_subject_u18.png'); padding-left: 0px; } .preForm {margin: 0; padding: 0;} .preForm .input {clear:both;min-height:50px;padding-top:10px;} .preForm .input input{cursor:pointer;padding:1px 3px;width:auto; float: left; clear: both; margin-right: 20px;} .preForm .input label {cursor:pointer; font-weight:bold; margin-bottom:20px; position:relative; width: 300px; float: left; } .preForm .submit input{float: right;} span.sidebox_right{float: left; padding-left: 15px; font-weight: bold;} .sidebox_pink{ float: right; width: 231px; height: 22px; background-image: url('../img/website/side_pink.png'); text-align: right; padding-right: 10px; background-repeat: no-repeat; font-size: 12px; padding-top: 3px;} .sidebox_pink span { color:#860A49; } .report_abuse { float: right; width: 105px; height: 20px; margin-right: 10px; } .report_abuse a { width: 105px; height: 20px; background: url('../img/website/report_a_post.jpg'); display: block; } .sidebox_gray{ float: right; width: 231px; height: 22px; background-image: url('../img/website/side_gray.png'); text-align: right; padding-right: 10px; background-repeat: no-repeat; font-size: 12px; padding-top: 3px;} .sidebox_pink span.sidebox_right{color: white;} .forumItemContent {float: left; border-top: 1px solid black; width: 620px; text-align: justify; padding-top: 5px;} .forumItemHeader{ background-image: url('../img/website/header_bg.png'); background-repeat: repeat-x; background-color: #399ee2; width: 600px; position: relative; padding: 10px;} .forumItemHeader h3{ color: #fff; padding-bottom: 20px;} .forumItemHeader .roundedCornerRight{position: absolute; top: 0; right: 0; width: 32px; height: 32px; background-image: url('../img/website/corner_right.png');} .forumItemHeader .roundedCornerLeft{position: absolute; bottom: 0; left: 0; width: 32px; height: 32px; background-image: url('../img/website/corner_left.png');} .forumItemFooter { float: left; margin-top: 5px; margin-bottom: 5px; width: 620px;} .forumItemFooter .signature{ font-weight: bold; text-align: center; float: left; height: 22px; background-repeat: no-repeat; padding-left: 30px; padding-top: 4px; text-transform: uppercase;} .forumItemFooterBlue .signature{background-image: url('../img/website/circle_blue.png'); color: #30a0ea;} .forumItemFooterBlue .datetime{color: #30a0ea;} .forumItemFooterAqua .signature{background-image: url('../img/website/circle_aqua.png'); color: #399de9;} .forumItemFooterAqua .datetime{color: #399de9;} .forumItemFooterBurgundy .signature{background-image: url('../img/website/circle_burgundy.png'); color: #790d4b;} .forumItemFooterBurgundy .datetime{color: #790d4b;} .forumItemFooterPink .signature{background-image: url('../img/website/circle_pink.png'); color: #ed3f94;} .forumItemFooterPink .datetime{color: #ed3f94;} .forumItemFooterYellow .signature{background-image: url('../img/website/circle_yellow.png'); color: #ffee00;} .forumItemFooterYellow .datetime{color: #ffee00;} #forumSidebarHeader img{ float: left;} #forumSidebarHeader select{ float: right;} #forumSidebarHeader {clear: both; width: 100%; float:left; margin-bottom: 20px;} .forumSidebarItem { padding-top: 1px; padding-bottom: 1px; padding-left: 7%; padding-right: 3%; color: #fff; display: block; width: 90%; height: 50px; background-image: url('../img/website/sidebar_blue_bg.png'); background-position: left center;} .forumSidebarItem .leftDiv{ height: 33px; float: left; padding:7px 10px 7px 0; width: 100px; background-image: url('../img/website/forum_sidebar_separator.png'); background-repeat: no-repeat; background-position: right center; overflow: hidden;} .forumSidebarItem .rightDiv{ float:left;font-size:12px;height:40px;margin-top:3px;overflow:hidden;padding-left:10px;padding-top:0;} .forumSidebarItem a{ color: #fff; text-decoration: none; font-weight: bold;} .forumSidebarItem .leftDiv a{color:#860A49;} .competitionSidebarItem{position:relative;padding-top: 1px; padding-bottom: 20px; padding-left: 2px; padding-right: 3%; display: block; width: 90%; background-position: left center;margin-top:20px;border-bottom: 1px solid #E6408A;} .competitionSidebarItem .winners_image{color:#656565;position:relative;text-align:center;width:237px;height:200px;display:table-cell;vertical-align:middle;} .competitionSidebarItem .month{top:170px;position:absolute;height:22px;width:80px;right:10px;background-image:url(../img/website/more2.png);background-repeat:no-repeat;color:#ffffff;padding-top:3px;padding-left:10px;} .competitionSidebarItem h2 {color: #E6408A;} .viewMore{ float: right; background-image: url('../img/website/more.png'); width: 202px; height: 22px; margin-top: 22px; text-align: right; padding-top: 3px; padding-right: 3px; background-repeat: no-repeat; } .viewMore a{padding-right: 2px; padding-left: 2px; text-decoration: none; color: #fff;top:0px;position: relative;} .viewMore a:hover{ color: #0f0f0f; } .video_player { width: 620px; margin-bottom: 10px; } .video_info { width: 620px; margin-left: 0; margin-bottom: 10px; } .video_info h4{ color: #e84793; font-weight: bold; font-size: 13px;} .video_info h5{ color: #909090; font-size: 8px; } .video_info p { margin-top: 5px; } .plugin_title { border-bottom: 1px solid #e84793; padding: 5px 0; color: #6e1358; font-weight: bold; font-size: 13px; height:20px;} .plugin_title_2 { padding: 5px 0; color: #6e1358; font-weight: bold; font-size: 13px; height:20px;} .plugin_title label{float:left; padding-top:2px;} .plugin_title .right{ float: right; height:20px;} .form div.input { padding-top:10px; clear:both; min-height:50px; } .form div.input label { font-weight:bold; } .form div.input input { width:600px; padding:1px 3px; border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; } .form div.input_inline_short { width: 490px; float: left; padding-top: 0; min-height: 0; } .form div.input_inline_short label { font-weight: bold; width: auto; float: left; margin-right: 10px; } .form div.input_inline_short input { width: 200px; padding: 1px 3px; border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; } .form div.input textarea { width: 600px; height: 50px; padding: 1px 3px; border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; } .form div.select label { width: 310px; font-weight: bold; float: left; display: block; line-height: 20px; } .form div.select select { width: 305px; border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; } .form div.checkbox input { width: auto; margin-right: 10px; } .form div.half_input { width: 310px; float: left; padding-top: 10px; height: 50px; } .form div.half_input label { font-weight: bold; } .form div.half_input input { width: 290px; padding: 1px 3px; border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; } .form div.submit { margin-top: 10px; text-align: right; } .form div.error { color: #f00; } .form div.small_checkboxes_main label { width: 280px; float: left; } .form div.small_checkboxes { width: 340px; float: left; } .form div.small_checkboxes_lined { min-height: 0; margin-top: 0px; padding-top: 0px; clear: both; } .form div.small_checkboxes_lined input { width: auto; margin-right: 5px; float: left; height: 16px;} .form div.small_checkboxes_lined label { width: 140px; float: left; font-weight: normal; height: 16px;} .form div.small_checkboxes_lined .legend { width: 140px; float: left; font-weight: bold; } .form div.small_checkboxes_lined .legend label { font-weight: bold; height: auto;} .form div.small_checkboxes_lined .checkbox { width: 151px; float: left; } .form div.small_checkboxes_lined .checkbox label { float: none; font-weight: normal; display: inline; } .form div.small_checkbox { width: 165px; float: left; margin-top: 5px; } .form div.small_checkbox input { width: auto; margin-left: 5px; float: right; } .form div.small_checkbox label { width: 135px; float: left; text-align: right; font-weight: normal; line-height: 16px; } .form div.small_text { clear: both; width: 310px; margin-top: 5px; } .form div.small_text input { width: 150px; margin-left: 5px; } .form div.small_text label { width: 145px; float: left; text-align: right; font-weight: normal; } .form div.textarea_small textarea { width: 290px; height: 50px; } .form div.textarea_small textarea { width: 290px; height: 50px; } .form div.textarea_small label { width: 310px; float: left; } .form div.file { min-height: 0; } .form div.file label { width: 150px; float: left; line-height: 20px; } .form div.file input { width: 300px; float: left; } .form div.submit_upload { float: right; width: 122px; height: 22px; } #videos_listing { width: 240px; overflow: hidden; position: relative; } #videos_listing_list { position: absolute; top: 0; width: 100%; } #videos_listing_list .video_listing_item { clear: both; width: 240px; display: none; } #videos_listing_list .video_listing_item.recently_uploaded { display: block; } #videos_listing_list .video_listing_item .video_listing_image { float: left; width: 115px; Xheight: 55px; margin-top: 10px; margin-right: 5px; background-color: gray; overflow: hidden; } #videos_listing_list .video_listing_item .video_listing_info { width: 115px; float: left; margin-top: 10px; } .video_listing_info h4{ color: #e84793; font-weight: bold; font-size: 1em;} .video_listing_info h4 a{ color: #e84793; font-weight: bold; font-size: 1em;} .video_listing_info h5{ color: #909090; font-size: 0.615em; } .video_listing_info h5 a{ color: #909090; font-size: 8px; } #UserLogin { border-top: 1px solid #e84793; padding-top: 5px; } #UserLogin h3 { font-size: 18px; color: #f237a0; font-weight: bold; } #UserLogin h3 { font-size: 18px; color: #f237a0; font-weight: bold; } #UserLogin div.input { clear: both; padding-top: 1px; line-height: 20px; } #UserLogin div.input label { width: 60px; float: left; color: #7c0c62; } #UserLogin div.input input { width: 230px; float: left; } #UserLogin div.input.error { color: #f00; } #UserLogin div.input div.error-message { clear: both; } #UserLogin div.submit { width: 101px; float: right; margin-top: 5px; } #UserLogin div.forgot { margin-top: 8px; margin-bottom: 10px;} #UserLogin div.forgot a { text-decoration: none; color: #e93d93; } .login_module_image a { margin-left: -10px; margin-right: -10px; background: url(../img/website/join_up.jpg); width: 260px; height: 211px; display: block; position: relative; } .login_module_image a:hover { background: url(../img/website/join_up_hover.jpg); } .login_module_image2 { margin-left: -10px; } .logout_screen { border-top: 1px solid #e84793; padding: 5px 0; } .logout_screen h3 { font-size: 18px; color: #f237a0; font-weight: bold; } .logout_screen a { text-decoration: none; color: #e93d93;} .search_result { clear: both; padding-top: 10px; } .search_accuracy { color: #bbb; font-size: 0.9em; float: right; } .highlight { color: #e93d93; font-weight: bold; } .transferTable{ width: 620px; font-size:1em; table-layout: fixed; } .transferTable a{ font-size:1em; } .transferTable tr.subjectHead{ height: 27px;} .transferTable tr.subjectHead th.td1{ width: 215px; padding-left: 20px; color:#860A49; font-weight:bold;} .transferTable tr.subjectHead th.td2{ width: 140px; color:#860A49; font-weight:bold;} .transferTable tr.subjectHead th.td3{ width: 75px; color:#860A49; font-weight:bold;} .transferTable tr.subjectHead{ height: 27px;} .transferTable tr.subjectBot{ height: 26px;} .transferTable tr.subjectSpace td{ height: 10px;} .transferTable tr.subjectTop{ height: 31px; background: url('../img/website/transfer_top.png') top left no-repeat; position: relative; width: 100%; } .transferTable tr.subjectTop .td1 a {color:#860A49;font-weight:bold;height:20px;left:19px;margin:0;overflow:hidden;padding:0;text-decoration:none;top:5px;width:230px;} .transferTable tr.subjectTop td.td1{ height: 31px; width: 230px; padding-left: 20px; color:#860A49; font-weight:bold; background: none; } .transferTable tr.subjectTop td.td2{ height: 31px; width: 147px; background: url('../img/website/transfer_top_2.png') top left repeat-x;} .transferTable tr.subjectTop td.td3{ position: relative; width: 75px; height: 57px; text-align: center; vertical-align: middle; background: url('../img/website/transfer_top_3.png') top right no-repeat;} /*.transferTable tr.subjectTop td.td3 a{ background-image: url('../img/website/icons/pdf.png'); background-position: top center; background-repeat: no-repeat; }*/ .transferTable tr.subjectTop td.td3 img { position:relative;width:30px;margin-left: 10px;} .transferTable tr.subjectBot td{ background-image: url('../img/website/transfer_bot.png'); background-position: left bottom; padding-left: 20px; vertical-align: top; } .transferTable tr.subjectBot td.td3_b { background-image: url('../img/website/ft_right_bottom.jpg'); background-position: left bottom; width: 75px; } .transferTable tr.subjectBot td a{ text-decoration: none;} .transferTable tr.subjectBot .subjectBotSpan {height:20px;overflow:hidden;position:absolute;width:540px;} /** THICKBOX.css */ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } /** JQUERY CAROUSEL */ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; } /** * The buttons are added dynamically by jCarousel before * the