/*****************************************************
* Global
*****************************************************/

* { padding: 0; margin: 0; }

body {
    text-align: center;
    background: #222;
    font: normal 100% Arial, Helvetica, Verdana, sans;
}

img { border: 0; }

hr {
    height: 0;
    width: 0;
    border: 0;
	margin: 0;
	padding: 0;
	size: 0;
}

a {
    outline: none;
}

ul, li { list-style-type: none; }

table, tr, td {
    border: 0;
    border-collapse: collapse;
    vertical-align: top;
}


/*****************************************************
* Main Definitions
*****************************************************/

/* Main Banner **************************/

div#jerry_banner,
div#jerry_banner_profile {
	display: block;
	visibility: visible;
    width: 100%;
    height: 35px;
    padding: 6px 0 0 0;
	background-color: #333;
	background-image: url('http://www.jerrytlive.com/graphics/_banner/shadow_jerry.png');
	background-repeat: repeat-x;
}
div#jerry_banner {
	height: 28px;
	padding: 13px 0;
	background-position: left bottom;
}
	* html div#jerry_banner,
	* html div#jerry_banner_profile { /* PNG Hack for IE */
		background-image: none;
		filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/graphics/_banner/shadow_jerry.png", sizingMethod="scale");
	}

div#jerry_container {
    position: relative;
    margin: 0 auto;
    width: 840px;
    text-align: left;
}
	#jerry_banner_profile #jerry_container {
		width: 100%;
	}
    
        ul#jerry_nav li,
		ul#jerry_account_1 li,
		ul#jerry_account_2 li {
            float: left;
            height: 35px;
        }
            
            #jerry_container ul li a,
 			#jerry_banner_profile ul li a {
                display: block;
                height: 35px;
                text-indent: -7777px;
            }
               

/****************************************/

/* Profile Banner ***********************/
	
	ul#jerry_profile_nav {
		margin: 0 6px 0 0;
		width: 575px;
		height: 35px;
        position: absolute;
        top: 0;
		right: 0;
        text-align: left;
        padding: 0;
	}
	#jerry_banner ul#jerry_profile_nav
	{
		margin: 0;
	}
		ul#jerry_profile_nav li {
            float: right;
            height: 35px;
		}
	        li#nav_refer          { width: 92px; }
	        li#nav_jerryis         { width: 49px; }
	        li.nav_divider        { width: 19px; }
			li#nav_search         { width: 76px; }
			li#nav_browse         { width: 68px; }
	        li#nav_myhome         { width: 92px; }
	        li#nav_corp     	  { width: 80px; }
			li#nav_book			  { width: 80px; }
	        li#nav_removestyles,
	        li#nav_restorestyles  { width: 140px; }
	
		ul#jerry_profile_nav li a {
			display: block;
			height: 28px;
			background-repeat: no-repeat;
			cursor: pointer;
        }
			li#nav_refer a          { background-image: url('http://www.jerrytlive.com/images/nav_refer.png'); }
			li#nav_jerryis a        { background-image: url('http://www.jerrytlive.com/graphics/_banner/nav_jerryis.png'); }
			li.nav_divider          { background-image: url('http://www.jerrytlive.com/graphics/_banner/nav_divider.png'); }
			li#nav_browse a         { background-image: url('http://www.jerrytlive.com/images/nav_browse.png'); }
			li#nav_search a         { background-image: url('http://www.jerrytlive.com/images/nav_special.png'); }
	        li#nav_myhome a         { background-image: url('http://www.jerrytlive.com/images/nav_prom.png'); }
	        li#nav_corp a     		{ background-image: url('http://www.jerrytlive.com/images/nav_corp.png'); }
			li#nav_book a    		{ background-image: url('http://www.jerrytlive.com/images/nav_book.png'); }
	        li#nav_removestyles a   { background-image: url('http://www.jerrytlive.com/graphics/_banner/nav_removestyles.png'); }
	        li#nav_restorestyles a  { background-image: url('http://www.jerrytlive.com/graphics/_banner/nav_restorestyles.png'); }
	
			/* PNG Hack for IE (IE important) */
			* html ul#jerry_profile_nav li#nav_music a {
				background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="/graphics/_banner/nav_music.png", sizingMethod="crop");
			}
			* html ul#jerry_profile_nav li#nav_video a {
				background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="/graphics/_banner/nav_video.png", sizingMethod="crop");
			}
			* html ul#jerry_profile_nav li#nav_jerryis a {
				background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="/graphics/_banner/nav_jerryis.png", sizingMethod="crop");
			}
			* html ul#jerry_profile_nav li.nav_divider {
				background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="/graphics/_banner/nav_divider.png", sizingMethod="crop");
			}
			* html ul#jerry_profile_nav li#nav_search a {
				background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="/graphics/_banner/nav_search.png", sizingMethod="crop");
			}
			* html ul#jerry_profile_nav li#nav_browse a {
				background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="/graphics/_banner/nav_browse.png", sizingMethod="crop");
			}
			* html ul#jerry_profile_nav li#nav_searchfind a {
				background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="/graphics/_banner/nav_searchfind.png", sizingMethod="crop");
			}
			* html ul#jerry_profile_nav li#nav_myhome a {
				background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="/graphics/_banner/nav_myhome.png", sizingMethod="crop");
			}
			* html ul#jerry_profile_nav li#nav_signuplogin a {
				background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="/graphics/_banner/nav_signuplogin.png", sizingMethod="crop");
			}
			* html ul#jerry_profile_nav li#nav_removestyles a {
				background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="/graphics/_banner/nav_removestyles.png", sizingMethod="crop");
			}
			* html ul#jerry_profile_nav li#nav_restorestyles a {
				background-image: none; filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="/graphics/_banner/nav_restorestyles.png", sizingMethod="crop");
			}
	
		ul#jerry_profile_nav li a:hover {
			background-position: left bottom;
		}
        
        ul#jerry_profile_nav li em {
            display: none;
        }

/****************************************/

div#jerry_ads {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    background: #f1f1f1;
}

body#jerry_tunes,
body#tags,
body#groups {
	background: #222;
}

body#groups h1 {
    line-height: 24px;
}

body#groups div#add_comment {
	margin: 0 0 20px 0;
}
	body#groups #add_comment textarea,
	body#groups #add_comment input {
		font: 11px Arial, Helvetica, Verdana, sans-serif;
		letter-spacing: 0;
	}   
    #module_photos .comment_box .comment_thread
    {
        padding-bottom: 10px;
        border-bottom: solid 1px #d9d9d9;
        margin:10px 0 10px 0;
        width:400px;
        float:right;
    }
    
    #module_photos .comment_box .comment_thread_header {
        border-bottom: solid 1px #d9d9d9;
        margin:20px 0 10px 0;
        width:400px;
        float:right;
    }

    #module_photos .comment_box .comment_thread_header p {
        margin: 0 0 0 5px;
        display: -moz-inline-box;
        display:inline-block;
        font-size: 11px;
        color: #0281ca;
        background: #fff;
        padding: 5px 7px 5px 7px;
        border-top: solid 1px #d9d9d9;
        border-left: solid 1px #d9d9d9;
        border-right: solid 1px #d9d9d9;
    }

    #module_photos .comment_box .comment_thread p {
        margin: 0 0 .5em 60px;
        font-size: 11px;
        color: #444;
    }

        #module_photos .comment_box .comment_thread p.comment_extras {
            margin-top: 1em;
            font-size: 11px;
            color: #888;
        }

        #module_photos .comment_box .comment_thread textarea {
            width:330px;
            float:right;
        }

        #module_photos .comment_box textarea {
            font: 11px Arial;
        }


div.core_container {
    display: block;
    background: #f6f6f6;
}
    body#home div.core_container,
	body#home_music div.core_container,
	body#home_video div.core_container,
	body#charts div.core_container, 
    body#people div.core_container,
    body#music div.core_container,
    body#video div.core_container,
	body#jerry_tunes div.core_container,
    body#tags div.core_container,
    body#groups div.core_container,
    body#search div.core_container,
    div#jerry_videos {
        background: #fff;
    }
    
    #lights_out_overlay{
    	position: absolute;
    	top: 0px;
    	left: 0px;
    	width: 100%;
    	height: 100%;
    	
   	    display: none;
    	z-index: 1;
    }
    
    #jerryVideo
    {
        position: relative;
        z-index: 100;
    }
    
    #lightBulb
    {
        position: absolute;
        right: -21px;
        top: 15px;
        z-index: 50;
    }
    

    div.content_container {
		position: relative;
        width: 840px;
        text-align: left;
        margin: 0 auto;
        padding: 2em 0 3em 0;
    }

    div#jerry_container_left, div#jerry_container_right {
        position: relative;
        float: left;
        width: 440px;
        border: 0;
    }
        div#jerry_container_left {
            padding-right: 15px;
        }
        
        div#jerry_container_right {
            width: 300px;
            padding-left: 11px;
        }
    
    div.vbox, div.vbox_notes {
        position: relative;
        display: block;
        background: #fff;
        padding: 1.5em;
        margin: 0 0 2em 0;
    }
    
    div.friendBox
    {
        background: #fff;
        padding: 1.5em;
        margin: 0 0 2em 0;        
        border: solid 10px #d9d9d9;
    }
        div.vbox_notes {
            background: #eaeaea;
            border-top: 1px solid #ccc;
        }
            div.vbox_notes ul {
                padding-left: 15px;
            }
            div.vbox_notes ul li {
                list-style-type: disc;
                font-size: 85%;
                color: #444;
                height: 1.8em;
            }

div#choose_account {
	background: #ffb;
	padding: 1em;
	margin: 0 0 1.5em 0;
}

	ul#choose_my_account {
		display: block;
		height: 110px;
		padding: 5px 0 0 0;
	}
	
		ul#choose_my_account li {
			float: left;
			width: 104px;
			height: 110px;
			text-align: center;
			background-image: url('graphics/_frontend/account_types.gif');
			background-repeat: no-repeat;
		}
		li#account_personal { background-position: left top; }
		li#account_music { background-position: center top; margin: 0 14px; }
		li#account_other { background-position: right top; }
		
		ul#choose_my_account li a {
			display: block;
			height: 84px;
			margin: 0 0 6px 0;
			text-indent: -7777px;
		}

.clear,
.clear_footer {
    position: relative;
    clear: both;
}

div#footer {
    display: block;
	visibility: visible;
	background: #222;
	border-top: 1px solid #444;
    width: 100%;
    padding: 0 0 2em 0;
}
    div#footer_links {
        width: 840px;
        margin: 0 auto;
        text-align: center;
    }

		div#footer_ad {
			margin: 30px 0 0 0;
			background: #2d2d2d;
			border: 1px solid #434343;
		}
		
		div#footer_jerry {
			display: block;
			background: #2d2d2d;
			margin: 30px 0;
			padding: 20px 0 20px 20px;
		}
		
	        div.footer_col {
	            float: left;
	            text-align: left;
	            width: 273px;
	            margin: 0;
	        }

div.hr {
    display: block;
    padding: 0;
    margin: 0 0 1.5em 0;
    border-bottom: 1px solid #ccc;
    border-top: 5px solid #eaeaea;
}

div#message {
	display: block;
	position: absolute;
	z-index: 777777;
	width: 380px;
	left: 50%;
	top: -20px;
	padding: .5em .5em .7em .6em;
	background: #d70051;
	margin: 0 0 0 -190px;
}
div#message { background: #ff0; }

	div#message_error a {
		color: #ff3;
	}

	div#message_error a:visited {
		color: #ff3;
	}

    div.message_jerry p {
        margin: 0;
		text-align: center;
        line-height: 120%;
		font-size: 11px;
    }
    	div.message_jerry p strong {
			line-height: 130%;
	        font-size: 13px;
	        color: #111;
	    }
	
	div#message p {
		color: #555;
	}
	div#message_error p {
		color: #ddd;
	}
		div#message_error p strong {
			color: #fff;
		}

        #jerry_container #message,
        #jerry_container #message_error {
            top: 10px; background-image: none; 
        }

        #jerry_banner_message
        {
        	display: block;
        	position: absolute;
        	left: 50%;
        }   
        
#jerry_banner_message #message,
#jerry_banner_message #message_error {
	display: block;
	position: absolute;
	z-index: 9999999;
	width: 380px;
	left: 50%;
	top: 10px;
	height: 30px;
	padding: 5px;
	margin: 0 0 0 -190px;
    top: 10px; 
    background-image: none; 
}

/*****************************************************
* Typography
*****************************************************/

h1 {
    font-size: 210%;
    color: #333;
}
    #jerry_container h1,
    #jerry_banner_profile h1 {
        width: 66px;
        height: 23px;
    }
		#jerry_banner_profile h1 {
			margin: 0 0 0 6px;
		}
    h1 strong { display: none; }

h2 {
    color: #0281ca;
    font-size: 155%;
    line-height: 100%;
    margin: 0 0 .5em 0;
    letter-spacing: -1px;
}
    #jerry_container h2, #jerry_banner_profile h2 { display: none; }

h3 {
	letter-spacing: -1px;
    font-size: 110%;
    color: #333;
    margin: 0 0 1em 0;
}
    h3 span {
        font-weight: normal;
        color: #555;
    }
	
	h3 span a {
		font-size: 60%;
		letter-spacing: 0;
		margin-left: .2em;
	}

h4 {
    font-size: 115%;
    color: #666;
    padding-bottom: 10px;
}
    h4 strong { color: #333; }

h5 {
	float: right;
	font-weight: normal;
	margin: .8em 0 0 0;
	font-size: 80%;
	color: #666;
}
	h5 em {
		color: #aaa;
		font-style: normal;
	}

p {
    font-size: 80%;
    color: #444;
    line-height: 150%;
    margin: 0 0 1.5em 0;
}

p em, li em {
    font-family: Georgia, Times, serif;
    font-style: italic;
}

    p.small  { font-size: 70%; }
    p.xsmall { font-size: 65%; }
    .center  { text-align: center; }

    p.instructions, .vbox p.instructions {
        font-size: 70%;
        color: #777;
        margin: 0 0 1.5em 0;
    }
	em.instructions { color: #777; }

#footer #footer_links p#report_flag {
	display: block;
	margin: 0;
	text-align: left;
	padding: 0;
	line-height: 22px;
}

#footer #footer_links p#footer_copyright, 
#footer #footer_links p#footer_trademark {
	text-align: left;
	font: normal 11px Arial, Helvetica, Verdana, sans-serif;
	color: #888;
	padding: 0;
	margin: 0;
	line-height: 140%;
}
#footer #footer_links p#footer_trademark {
	color: #555;
}

#footer_jerry .footer_col h4 {
	font: bold 14px Arial, Helvetica, Verdana, sans-serif;
	color: #B1B1B1;
	padding: 0;
	margin: 0 0 .8em 0;
}
#footer_jerry .footer_col p {
	font: normal 11px Arial, Helvetica, Verdana, sans-serif;
	color: #B1B1B1;
	line-height: 150%;
	padding: 0 20px 0 0;
	margin: 0 0 .8em 0;
}
#footer_jerry .footer_col p.nomargin {
	margin: 0;
}

strong.new {
	font-weight: normal;
	background: #ff9;
	font-size: 9px;
	padding: 2px 4px;
	line-height: 11px;
}

.hilight {
	background: #ffa;
	padding: 0 .2em;
}


/*****************************************************
* Linking
*****************************************************/

a,
a:link,
a:visited {
    text-decoration: underline;
    color: #0281ca;
}
a:hover {
    text-decoration: none;
    color: #333;
}

#jerry_container h1 a,
#jerry_banner_profile h1 a {
    display: block;
    height: 27px;
	background-repeat: no-repeat;
	background-image: url('http://www.jerrytlive.com/images/logo.png');
	cursor: pointer;
}

* html #jerry_container h1 a,
* html #jerry_banner_profile h1 a { /* PNG Hack for IE */
	background-image: none;
	filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/images/logo.png", sizingMethod="crop");
}

    #jerry_container h1 a:hover,
 	#jerry_banner_profile h1 a:hover {
		background-position: left bottom;
    }

a.important {
    color: #d70051;
}
a.important:hover {
    color: #333;
}

h5 em a,
h5 em a:visited {
	font: italic 10px Georgia, Times, serif;
}

#footer #footer_links p#report_flag a,
#footer #footer_links p#report_flag a:visited {
	background: #e6e6e6 url('http://www.jerrytlive.com/graphics/_frontend/report_flag_bg.gif') repeat-x;
	color: #d70051;
	font-size: 12px;
	text-decoration: none;
	padding: 5px 7px;
	margin: 0 5px 0 0;
	font-weight: bold;
}
#footer #footer_links p#report_flag a:hover {
	background: #d70051;
	background-image: none;
	color: #fff;
}

#footer_jerry .footer_col p a,
#footer_jerry .footer_col p a:visited {
	color: #ccc;
	text-decoration: underline;
}
#footer_jerry .footer_col p a:hover {
	color: #fff;
	text-decoration: none;
}


/*****************************************************
* Pagination
*****************************************************/

p.pages {
	font-size: 11px;
	color: #444;
	padding-top: 2em;
}

p.pages a,
p.pages a:visited {
    padding: 3px 7px;
    margin: 0 3px;
    border: 1px #ccc solid;
    text-decoration: none;
	color: #0281ca;
}

p.pages a:hover {
    background: #ddd;
    text-decoration: none;
    color: #000;
}

p.pages em {
    font: normal 100% Arial, Verdana, sans-serif;
    color: #aaa;
    padding: 0 0 0 .5em;
}


/*****************************************************
* Images
*****************************************************/

a img.thumb,
a:visited img.thumb {
    border: 1px solid #ccc;
    padding: 3px;
    margin: 0 0 5px 0;
    background: #fff;
}
a:hover img.thumb {
    background: #ccc;
}

img.frontend_image {
    position: relative;
    float: left;
    border: 1px solid #ccc;
    margin: 0 6px 6px 0;
}
    a:hover img.frontend_image {
        border-color: #aaa;
    }


/*****************************************************
* Forms
*****************************************************/

input {
    font: bold 100% Arial, Helvetica, Verdana, sans;
	letter-spacing: -1px;
    width: 100%;
    color: #000;
    padding: .2em;
    margin: 0 0 1em 0;
}
    input:focus, textarea:focus {
        background: #fff;
    }
    .form_text {
        background: #f3f3f3;
        border: 1px solid #ddd;
        border-top-color: #bbb;
        border-top-width: 2px;
        border-left-color: #bbb;
        border-right-color: #bbb;
    }

		/* specific form declarations *******/
		
		input#first_name	{ width: 216px; margin-right: 5px; }
		input#last_name 	{ width: 217px; }
		input#zip 			{ width: 100px; }
		input#verify 		{ width: 125px; }
		select#account_type { width: 180px; }
		select#sex          { width: 45px; }

    .form_btn {
        width: auto;
        margin: 1em 0 .5em 0;
        color: #333;
        font-size: 90%;
		padding: 0;
    }

    .btn_image {
        width: auto;
        margin: 1.5em 0;
        padding: 0;
    }
    
    .checkbox {
        width: 13px;
        height: 13px;
        margin: 0 .3em 0 0;
        padding: 0;
    }
        td .checkbox {
            margin: 0;
        }

select {
    font: bold 110% Arial, Helvetica, Verdana, sans;
    margin: 0 .5em 1em 0;
    width: auto;
    background: #f3f3f3;
}
	.select_genres {
		display: block;
		width: 200px;
		margin: 1em 0 0 0;
	}

textarea {
    font: normal 80% Courier, Courier New, Monaco;
    color: #000;
    width: 100%;
    height: 250px;
    margin: 0 0 3em 0;
    padding: .2em;
	letter-spacing: 0;
}
    .captions,
 	.interests {
        height: 90px;
        margin: 0;
    }

#footer #footer_links #bug_report #bug_left textarea {
	width: 510px;
	height: 80px;
	margin: 0 0 1em 0;
	padding: 0;
	font: normal 12px Arial, Verdana, sans-serif;
	color: #444;
	background: #fff;
	letter-spacing: 0;
}

#footer #footer_links #bug_report #bug_right p, 
#footer #footer_links #bug_report #bug_left p {
	padding-left: 30px;
	font: normal 14px Arial, Verdana, sans-serif;
	color: #888;
	line-height: 140%;
}
#footer #footer_links #bug_report #bug_left p {
	line-height: 100%;
	padding: 0;
	font-size: 11px;
}
	#footer #footer_links #bug_report #bug_right p strong {
		color: #bbb;
		text-decoration: underline;
	}


/*****************************************************
* Miscellaneous
*****************************************************/

.hidden {
	display: none;
}

.nomargin {
	margin: 0;
}

.normal {
	font-weight: normal;
}

input, textarea { width: 98.5%;# }

	input#first_name { width: 206px;# }
	
	input#last_name { width: 207px;# }
	
    div.footer_debug pre { font-size: 80%;# }