*{margin:0; padding:0}







html, body{margin:0; padding:0}







html{width:100%}







body {position: relative; font:normal 14px Arial; width:100%;}



a{text-decoration:none}



a img{border:none}







a.copy, a.quick{display:inline-block; width:74px; height:23px; background:url(img/buttons.png) top left no-repeat; outline:0}



a.copy{background:url(img/get.gif) top left no-repeat; height:25px}



a.copy:hover{background-position: left -25px}



/*a.copy:active{background-position: left -46px}*/



a.quick{background-position: top right}



a.quick:hover{background-position: right -22px}



a.quick:active{background-position: right -46px}



a.copy2, a.quick2{display:inline-block; width:70px; height:21px; background:url(img/buttons2.png) top left no-repeat; outline:0; margin-top:5px}



a.copy2:hover{background-position: left -21px}



a.copy2:active{background-position: left -42px}



a.quick2{background-position: top right}



a.quick2:hover{background-position: right -21px}



a.quick2:active{background-position: right -42px}







a.get_b{display:inline-block; width:117px; height:38px; background:url(img/get_b.gif) top left no-repeat; outline:0}



a.get_b:hover{background-position: left -38px}







a.apply{display:inline-block; width:111px; height:25px; background:url(img/apply.gif) top left no-repeat; outline:0}



a.apply:hover{background-position: left -25px}







a.send{display:inline-block; width:114px; height:35px; background:url(img/send.png) top left no-repeat; outline:0}



a.send:hover{background-position: left -35px}



a.send:active{background-position: left -70px}







#header, div.content, div.footer,  #middle, div.menu{width:978px; margin:0 auto}







#header{height:175px; background:#fff url(img/header.jpg) top left no-repeat; position:relative}



#header img{position:absolute; left:-10px; top:30px;}



#flower_top{position:absolute; left:-21px; top:0; width:29px; height:175px; background:url(img/flower_top.gif)}







#tabs{position:absolute; left:30px; bottom:-9px;z-index:5;}



#tabs a{display:inline-block; width:95px; height:23px; background:url(img/tabs.gif) top left no-repeat; text-align:center; color:#B50013; font:bold 12px Arial; padding-top:8px;margin-right:5px;}



#tabs a.inactive{background-position:left -30px; color:#696969}



#tabs a.inactive:hover{color:#000}







#menu, #menu2, #menu3,  #links, #links_end{height:78px}



#menu{background:url(img/menu.gif) bottom left no-repeat;}



#menu2{background:url(img/menu2.gif) bottom left no-repeat;}



#menu3{background:url(img/menu3.gif) bottom left no-repeat;}



#menu4{background:url(img/menu4.gif) bottom left no-repeat; height:78px}



div.menu div{padding:0 10px 0 14px;}



#help, #tell{float:right; display:inline-block; margin-top:12px; font:bold 12px Arial; color:#B50013}



#help:hover, #tell:hover{color:#fff}







#help{width:37px; height:31px; background:url(img/help.gif) top center no-repeat;}







#tell{width:90px; height:27px; background:url(img/tell.gif) top center no-repeat; padding:8px 1px 0 20px}



#tell:hover{background-position:center -36px}



#tell:active{background-position:center -72px}







div.menu a{outline:0}



div.menu div#links a{margin-right:10px; color:#B50013; font:bold 14px Arial; display:inline-block; padding:5px 2px 5px 2px}



div.menu div#links a:hover, div.menu div#links a.selected{background:#fff}



div.menu a img{}



#links{float:left; padding-top:15px; height:58px}







#links_end{width:27px; float:right}







#content {background:url(img/body.gif) repeat-y 0 0}



#content2 {background:url(img/body2.gif) repeat-y 0 0; position:relative}



#content3{background:url(img/body3.gif) repeat-y 0 0}



div#content3 div{padding-top:60px; margin:0 auto; float:none; width:600px; font-size:18px}



#content3 div a{color:#09c}



#content3 div a:hover{color:#c00}







#menu_left{width:270px; overflow:visible; float:left}



ul{list-style:none}



#mainmenu{width:180px; padding-left:30px}



li{padding-bottom:2px;}



li, li a{font-weight:bold; color:#1F3D5F}



li a{outline:0; padding-left:10px;line-height:20px;font-family:Georgia;}



li a.selected{color:#fff}



li a:hover{color:#fff;}



ul li ul li a{padding-left:0}



#mainmenu ul{padding-left:15px; display:none; }



#mainmenu ul li a{display:inline; background:none; font-weight:normal}







#loadbar{position:absolute; top:300px; left:50%; padding-left:30px; visibility: hidden}



#loadbar div{padding:10px 30px; color: #0D8695; border:3px solid #31555C; background:#97D7EA}



#loadbar img{width:15px; height:15px; vertical-align: bottom; padding-right:5px}







/*#main_content{margin-left:300px; width:680px; background:transparent}*/



#main_content{margin-left:300px; background:transparent}



#main_content div{float:left; padding:0; margin:10px 7px; text-align:center;}



#main_content div span{display:block}



#main_content div span img{border:none; cursor:pointer; width:70px; margin-top:5px}



#main_content embed{margin:5px 3px 0 0; display:inline}



img.preview{border:3px solid #C3E1DF; width:140px;}



.icons img.preview{border:3px solid #C3E1DF; width:100px;}



div.preview2{border:3px solid #C3E1DF; width:580px; margin:0 !important; float:none !important; padding:15px !important}



div.glitter embed{margin:10px 7px 0 0 !important; float:left}



div.glitter span{display:block; width:180px; margin:0 0 0 240px}



img.contact{height:77px}



img.contact2{height:77px; width:140px}



img.extnet{height:25px;}



img.extnet2{height:25px; width:140px}



img.background{height:140px}



img.glitter{border:none}



div#image_hover{background:#97D7EA; color:#0D8695; visibility:hidden; position:absolute; left:0; top:0; border:3px solid #31555C; z-index:1000}



div#image_hover img#prev{width:auto; height:auto}







#glitters{border-spacing:10px}



#glitters td.glit{border:3px solid #C3E1DF; text-align: center;}



#glitters td{text-align:center}







#main_content div.css{display:none}



div.crlf, #footer{clear:both; border:none !important}



div.crlf{width:1px}







#main_content div#paginator, #main_content div#paginator_top{margin:0 auto; float:none; clear:both; padding-top:20px; padding-right:50px}



#main_content div#paginator_top{clear:none}



#main_content div#paginator a, #main_content div#paginator_top a{padding-right:10px; color:#163154; font:bold 18px Arial}



#main_content div#paginator a:hover, #main_content div#paginator_top a:hover{color:#09c; text-decoration:underline}







#main_content div.info{border:3px solid #C3E1DF;}



#main_content div.content_div{width:90%; height:300px; overflow:visible; margin-bottom:20px}







div.content_div  div{width:50px; float:left}



div.content_div  img{cursor:pointer}







#main_content div#images{/*background:#FECCFE*/min-height:320px; height:auto !important; height:320px; padding-left:20px; width:600px;}











#smallleft, #smallmiddle, #smallright{height:84px; margin-right:10px !important}



#smallleft{width:155px; color:#666; padding-top:30px !important; height:54px}



#smallright{position:relative;top:-7px;}



#smallmiddle textarea{width:298px; height:80px; background:#FFFCE9; border:1px solid #FFFCE9; color:#666}















a.copy_b{display:block; outline:0; width:123px; height:41px; margin-bottom:2px; background:url(img/copy_b.gif) top left no-repeat}



a.copy_b:hover{background-position:left -41px}



a.copy_b:active{background-position:left -82px}







#gen, #gen_top, #gen_list, #gen_list_bt, #gen_bottom{width:662px; margin:0 !important;}







#gen{background:url(img/gen_back.png) top center repeat-y; margin-left:-10px !important}







#gen_top{height:29px; background:url(img/gen_top.png) top center no-repeat}



#gen_list{min-height:223px; height:auto !important; height:223px; background:url(img/gen_list.png) top center no-repeat; overflow:visible}



#gen_list_bt{height:56px; width:632px; background:url(img/gen_list_bt.png) bottom center no-repeat; padding:25px 10px 0 20px !important}



#gen_bottom{height:85px; background:url(img/gen_bottom.png) top center no-repeat; padding-top:10px !important}







#list_left, #list_right, #list_middle{background:green; margin:0 6px; text-align:left !important; overflow:visible}



#list_left{width:118px; margin-left:25px !important}



#list_middle{width:338px; }



#list_right{width:123px}







#genfield, #codegen{color:#666; font:normal 14px Arial;}







#genfield{width:430px; height:20px;  background:url(img/field.gif) top left no-repeat; float:left; padding:15px 10px; border:none}



#codegen{width:594px; height:64px; border:1px solid #fff}







#copycode, #quickpost{display:inline-block; width:105px; height:32px; background:url(img/gen_buttons.png) top left no-repeat; outline:0; margin-top:10px}







#copycode:hover{background-position:left -32px}



#copycode:active{background-position:left -64px}







#quickpost{background-position:top right; margin-left:10px}



#quickpost:hover{background-position:right -32px}



#quickpost:active{background-position:right -64px}







div.flashcontainer{float:none; width:600px; color:#163154; font:bold 14px Arial}



div.flashcontainer embed{margin:0 auto !important}







div.fieldset{color:#1F3D5F; border:3px solid #C3E1DF; width:600px; padding-top:10px !important}



div.fieldset input, div.fieldset textarea{color:#666; border:1px solid #09c; margin:5px 0}



div.fieldset input.code{width:400px;}



div.fieldset div.song input{width:300px}



div.fieldset div.song input.flv{width:150px}



div.fieldset textarea{height:70px; width:450px}



div.fieldset embed{margin-bottom:5px !important}



div.fieldset div{padding-left:150px; width:400px}



div.fieldset span{display:block; clear:both}



div.fieldset span.left{text-align:left; width:500px}



div.fieldset div.form{padding-left:70px !important}



div.fieldset div.form2{padding-left:40px !important}



div.fieldset div.song, div.fieldset div.flv{float:left; margin:0 !important}



div.fieldset div.song{width:350px;}



div.fieldset div.flv{width:150px;}



div.fieldset div.buttonright{width:20px; margin:0 !important}



div.fieldset div.buttonright2{width:300px; margin:0 !important; clear:right}



div.fieldset div.buttonright2 input{float:right; font-size:10px}



div.fieldset div.buttonright2 textarea, div.fieldset div#scrollsongs div.list_elem_right textarea{width:150px; height:80px; float:right; margin-right:3px; display:none}



div.fieldset div#scrollsongs div.list_elem_right textarea{width:100px; float:left}



div.fieldset div.buttonright2 textarea.visible, div.fieldset div#scrollsongs div.list_elem_right textarea.visible{display:inline}



div.fieldset div.flvmain, div.fieldset div.flvmain div.row{width:500px;}



div.fieldset div.flvmain div.buttonright{float:left}



select#subSize{width:150px}



#addsong{margin-bottom:10px}



#mp3code{height:150px; width:500px}



div.fieldset div#scrollsongs{height:150px; width:500px; overflow:scroll; background:#FECCFE; text-align:left; font-size:12px}



div.fieldset div#generate_buttons{text-align:left; padding:0; margin:0}



div.fieldset div#generate_buttons table{width:100%; padding:0; border-spacing:0}



div.fieldset div#scrollsongs div#scroll_inner{width:500px; text-align:left; margin:0; padding:0}



div.fieldset div#scrollsongs div.list_elem, div.fieldset div#scrollsongs div.list_elemflv{text-align:left; margin:0; width:auto}



div.fieldset div#scrollsongs div.list_elemflv{width:250px}



div.fieldset div#scrollsongs div.list_elem_right{text-align:right; margin:0; float:right; width:200px}



div.fieldset div#scrollsongs div.list_elem_right input{font-size:10px}



div.fieldset div#scrollsongs div.songrow{margin:0; padding:0; width:470px}



div.fieldset div#scrollsongs input{margin-right:5px}



div.fieldset div#scrollsongs span{clear:none; display:inline; color:#CB9900}



div.fieldset div#chooseskin div div{width:150px; float:left}



div.fieldset div#chooseskin2 div{width:520px; padding-left:10px}



div.fieldset div#chooseskin2 div div{width:120px; float:left; margin:0}



div.fieldset div#chooseskin img{width:141px; height:25px}



div.fieldset div#chooseskin2 img{width:80px; height:80px; margin-bottom:5px}











div.fieldset div#auto_div, div.fieldset div#subsize, div.fieldset div#subsize2{padding:0; text-align:left}







#choosepoll{width:480px}



div.fieldset div#poll_title_div, div.fieldset div#quest_div, div.fieldset div#quest_div table, div.fieldset div#fontsize table{text-align:left}



div.fieldset div#quest_div table *{padding:0; margin:0}



div.fieldset div#quest_div table td.choice_title{width:100px}



input.choice{width:400px}



input.big_input{width:500px}



div.fieldset div#quest_div table input#addchoice{margin:5px 0}







div.fieldset div#fontsize table td{width:100px}



div.fieldset div#fontsize table tr.bold td{font-weight:bold; padding-bottom:5px}



div.fieldset div#poll_buttons{padding-left:20px}



#center{padding:0; margin:-10px -0 0 -10px !important;}



#center h3, #center h4{color:#163154; text-align:left !important;}



#center h3{font:bold 16px Arial; margin-top:20px}



#center h3.top{margin-top:0}



#center h4{font:bold 12px Arial; margin-bottom:40px}



#center textarea{width:650px; height:115px; border:3px solid #C3E1DF; background:#FFFCE9; color:#666; font:normal 14px Arial; float:left}



#center a, #center embed{margin-top:10px}



#center div{float:none; text-align:left}







#content_wrapper{padding:0 45px}



#content_wrapper div{border:3px solid #C3E1DF}







#content_wrapper div.home_title{border:none; color:#B50013; font:bold 16px Arial; padding:5px 10px}







#content_wrapper div.home_content{padding:35px 0 0 35px; margin:0 auto; border:none}



#content_wrapper div#layout_content{padding-top:15px}



#content_wrapper div#layout_content img, #content_wrapper div#background_content img{padding-right:10px; padding-top:5px}



#content_wrapper div#glitter_content{text-align:center; padding:20px 0 0 0;}



#content_wrapper div#glitter_content table{margin:0 auto}



#content_wrapper div#glitter_content table td {padding:7px 0;}



#content_wrapper div#glitter_content img{width:105px}



#content_wrapper div#cursor_content{padding:20px 0 0 20px;}



#content_wrapper div#cursor_content img{padding-right:7px}



#content_wrapper div#background_content{padding:15px 0 0 60px}



div#background_content img{width:120px;}







#content_wrapper div a.more{float:right; color:#B50013; font-size:12px; display:block; width:37px; height:17px; background:url(img/more.gif) top left no-repeat; padding:1px 0 0 15px}



#content_wrapper div a.more:hover{color:#fff; background-position: left -18px}







#topleft, #botleft{float:left; width:525px}



#topleft{height:285px; margin-bottom:15px}



#botleft{height:326px}



#topright, #midright, #botright{float:right; width:340px; height:147px; margin-bottom:10px}



#midright{height:330px}



#topright{position:relative; padding-top:15px; height:130px}







#botright{height:125px}







#content2 div#topright div#addlink{position:absolute; width:50px; height:20px; left:270px; top:33px; background:#f00; background:#FFFCE9; border:none}

#content2 div#topright div#addlink2{position:absolute; width:50px; height:20px; left:270px; top:163px; background:#f00; background:#FFFCE9; border:none}



#topright div.home_title{position:absolute; left:0; top:0; width:95%}



#topright div#kelsey{position:absolute; top:50px; left:50px; width:245px; height:60px; border:none}



#topright div#kelsey a{border:display:inline-block; width:245px; height:60px}



#topright div#kelsey a img{width:245px; height:60px}







#custom_menu{height:221px; background:url(img/custom_menu.png) top left no-repeat}



#custom_menu_left, #custom_menu_right{width:198px; float:left}



#custom_menu_left{padding-left:30px}



#custom_menu_right{width:235px}







#custom_edit{width:500px; height:200px; float:right; overflow:hidden; position:relative}



#custom_edit div{float:left; padding:0; margin:10px 7px; text-align:center;}



#scroll{float:right; height:198px; width:30px;}



#scroll img{cursor:pointer}



#scroll_down{margin-top:155px}



#edit_controls{width:460px; height:200px; margin-top:-7px; overflow:hidden; position:relative; padding-right:15px}



#edit_controls div#control{position:absolute; top:0; left:0}



div.edit_preview{width:102px; height:73px; background:#fff; margin:3px; display:inline-block}







#custom_top{height:16px; background:url(img/custom_top.gif) top left no-repeat}



#custom_bottom{height:19px; background:url(img/custom_bottom.gif) top left no-repeat}



#custom_middle{background:url(img/body4.gif) top left repeat-y}



#custom_copypost{padding-left:40px; padding-bottom:10px}







div.footer{height:85px; position:relative; text-align:center}



div.footer div{margin:0 auto; padding-top:50px; font:bold 15px Arial; color:#999}



div.footer div a{color:#900}



div.footer span{display:inline-block; padding-top:5px}



#footer{background:url(img/footer.gif) no-repeat 3px 0}



#footer2{background:url(img/footer2.gif) no-repeat 0 0}



#flower_bottom{position:absolute; left:-17px;}







#myspace_preview {width:900px; height:500px; padding-left:40px}



#editor {position:absolute; width:500px; height:200px; overflow:visible;}



#editor div{float:left; padding:0; margin:10px 7px; text-align:center;}







div.jScrollPaneTrack{background:#71C2DC; border:2px solid #09c}



div.jScrollPaneDrag{background:#60B1CB; border:2px solid #09c; border-left:none; border-right:none}



a.jScrollArrowUp{background:url(img/scroll_up.gif) -8px 0 no-repeat}



a.jScrollArrowDown{background:url(img/scroll_down.gif) -8px bottom no-repeat}







.layout_dialog {font-size:12px;text-align:center; display:none}



.layout_dialog .title {font-weight:bold;color:#1F3D5F;font-size:14px;text-align:left;}



.layout_dialog .box {margin:4px 0;padding:5px;background:#fffce9;}



.layout_dialog .box a{color:#09c; font-size:18px}



.layout_dialog .box .title {font-size:12px;}



.layout_dialog a:link, .layout_dialog a:visited {outline:none;font-weight:bold;text-decoration:underline;}



.layout_dialog a:hover, .layout_dialog a:active {outline:none;font-weight:bold;color:#1F3D5F;text-decoration:none;}



#new_label {width:38px;height:22px;background:url(img/new_label.png) no-repeat 0 0;position:absolute;top:135px;left:287px;z-index:10;}







#steal{width:420px; margin:0 auto; font:bold 12px Arial; color:#163154;}



#steal textarea{border:3px solid #C3E1DF; background:#FFFCE9; color:#666; font:normal 14px Arial}







#wrap{padding-left:26px}



#form{padding-left:20px; background:url(img/form.gif) 0 95px no-repeat}



#form, #form h2{font:bold 16px Arial; padding-bottom:5px; color:#55544E}



#form h3{color:#BF1E31; font:normal 22px Arial; padding-bottom:5px}



#form div{padding:20px 0 0 80px}



#form table td{text-align:right; vertical-align:middle; padding:7px}



#form table td#msg_label{vertical-align:top; padding-top:15px}



#form  input, #form  textarea{; border:1px solid #69B9D1; background:#FFFCE9; width:362px; font:normal 16px Arial; color:#999}



#form  input{height:25px; padding-top:7px;}



#form  textarea{height:108px}



#form table a{float:left}



#form span, #form span a{color:#000; font:bold 14px Arial}



#form span a{text-decoration:underline}







#about_dialog{text-align:center;}



#about_dialog img{width:240px; height:110px}



#about_dialog span{display:inline-block; padding-top:10px; color:#931422; font-size:14px}



#about_dialog a{font:normal 12px Arial; padding:2px; display:inline-block; text-decoration:none}



#about_dialog a:hover{text-decoration:underline}



span#copyright{font-size:10px; display:inline-block; padding:15px 0 0 10px}







#helpdiv{padding:0 50px; color:#666; text-align:justify}



#helpdiv ol{padding:7px 0 0 30px}



#helpdiv ol li{font:normal 14px Arial; color:#666}



a.hmenum, a.hsubmenu{outline:0}



a.hmenu, span.entry{color:#163154; font:bold 18px Arial; display:inline-block; padding-bottom:15px; text-decoration:underline}



a.hmenu:hover{color:#09c}



a.hsubmenu{color:#06c; font:bold 14px Arial;}



a.hsubmenu:hover{color:#900}



a.hmenu:hover, a.hsubmenu:hover{text-decoration:underline}



span.subentry{color:#900; font:bold 16px Arial; display:inline-block; padding:10px 0}



span.subentry2{color:#06c; font:bold 14px Arial; display:inline-block; padding:5px 0}



span.listitem{padding:5px 0 5px 15px; display:inline-block}



span.listsubitem{display:inline-block}



span.number{float:left; font-weight:bold}



span.subitem{margin-left:25px}



span.subitem span{padding:0 0 5px 25px; display:inline-block}



a.hlp{color:#163154; text-decoration:underline; font-weight:bold}



#colorPickerDiv{z-index:10000110000}



.hide{display:none}



.instructions {width:600px;text-align:left !important;padding:0 20px 0 0 !important;font-size:16px;color:#b81727;line-height:22px;}

.instructions .list {font-size:14px;color:#000;text-align:left !important;margin:0 !important;}