﻿/* Sidebar-width panel */
div.minipanelheader {
	clear: both;
	background: url(images/getintoit/blog/title_nav_panelround_mini.gif) bottom left no-repeat;
	height: 33px;
	margin: 0px 0px 0px 0px;
	padding-top: 2px;
	text-indent: -4000px;
	width: 210px;

}

div.minipanel
{
	background: #3d4c61 url(images/layout/bg_panelround_mini.gif) bottom left no-repeat;
	width: 180px;
	margin: 0 0 15px 0;
	padding: 15px;
}

div.minipanel div.right_align
{
	text-align: right;
}










/* Smaller-width panels, mostly used with sidebars */
div.smallpanelheader {
	clear: both;
	background: url(images/getintoit/blog/title_friends_panelround.gif) bottom left no-repeat;
	height: 33px;
	margin: 0px 0px 0px 10px;
	padding-top: 2px;
	text-indent: -4000px;
	/*text-indent: 40px;
	Changed indent 040307 to accomadate removal of title bar tab*/
	width: 735px;
}



div.smallpanel
{
	background: url(images/getintoit/blog/bg_panelround.gif) bottom left no-repeat;
	width: 705px;
	margin: 0 0 15px 10px;
	/*margin: 0 0 15px 15px;
	Changed left margin 040307; corrected shift in may pages;
	believe margin shift occured yesterday*/
	padding: 15px;
}

div.smallpanel_corner
{
	background: #3d4c61 url(images/getintoit/blog/bg_panelround_corner.gif) bottom left repeat-y;
	background-color: #3d4c61;
	width: 735px;
	margin: 0px 0px 0px 10px;
}

div.nobackground_small
{
	width: 705px;
	margin: 0px 0px 15px 10px;
	padding: 0px;
}

div.blogcontent
{
	
	width: 705px;
	padding: 0px 15px 15px 15px;
	
}



div.blogcontent ul
{
list-style-type: none;
padding: 0;
margin: 10px 0 0 0;
}



div.blogcontent li
{
padding-left: 15px;
}


/* --------- Member Main Images ------------*/


div.felicia_mainimg
{
	background: url(images/getintoit/people/feliciaday/mainimg.jpg) no-repeat;
	height: 323px;
	width: 735px;
}


div.alex_mainimg
{
	background: url(images/getintoit/people/alex/alex_mainmig.jpg) no-repeat;
	height: 323px;
	width: 735px;
}

div.chobot_mainimg
{
	background: url(images/getintoit/people/chobot/chobot_mainmig.jpg) no-repeat;
	height: 323px;
	width: 735px;
}

div.sean_mainimg
{
	background: url(images/getintoit/people/sean/sean_mainmig.jpg) no-repeat;
	height: 323px;
	width: 735px;
}


	
div.getintoit_blurb
{
	width: 350px;
	padding: 110px 0px 0px 35px;
}

div.getintoit_blurb p
{
	line-height: 20px;
}

/*--------  Blog Columns --------*/



div.leftcol
{
	padding: 20px 0 0 0;
	
	width: 380px;
	float: left;
}

div.leftcol p
{
	padding: 0px 10px 0px 10px;
	
	
}

div.rightcol
{
	padding: 20px 0 0 0;
	width: 295px;
	float:right;
}

div.rightcol p
{
	padding: 0px 10px 0px 10px;
	
	
}

div.linebreak
{
	border-bottom: 1px solid #546782;
	text-align: center;
	margin: 20px 20px 20px 15px;
}





.twentyfive_ol 
{
	padding-right: 0px;
	padding-left: 1px;
	margin-left: 5px;
	font-size: 80%;
}

.twentyfive_ol li 
{
	border-bottom: 1px solid #546782;
	margin-left: 30px;
	margin-right: 10px;
	padding: 10px 0px 10px 5px;
}




/*-------------  Blog Headers ----------*/

.about_header
{
	background: url(images/getintoit/blog/leftcol_header_about.gif) no-repeat;
	padding: 0px;
	font-size:90%;
	margin: 0px;
	width: 380px;
	height: 44px;
	text-indent:-4000px;
}


.projects_header
{
	background: url(images/getintoit/blog/leftcol_header_projects.gif) no-repeat;
	padding: 0px;
	font-size:90%;
	margin: 0px;
	width: 380px;
	height: 44px;
	text-indent:-4000px;
}


.twentyfive_header
{
	background: url(images/getintoit/blog/leftcol_header_25.gif) no-repeat;
	padding: 0px;
	font-size:90%;
	margin: 0px;
	width: 380px;
	height: 44px;
	text-indent:-4000px;
}


.photos_header
{
	background: url(images/getintoit/blog/rightcol_header_photos.gif) no-repeat;
	padding: 0px;
	font-size:90%;
	margin: 0px;
	width: 295px;
	height: 44px;
	text-indent: -4000px;
}

.videos_header
{
	background: url(images/getintoit/blog/rightcol_header_videos.gif) no-repeat;
	padding: 0px;
	font-size:90%;
	margin: 0px;
	width: 295px;
	height: 44px;
	text-indent: -4000px;
}

.merch_header
{
	background: url(images/getintoit/blog/rightcol_header_merch.gif) no-repeat;
	padding: 0px;
	font-size:90%;
	margin: 0px;
	width: 295px;
	height: 44px;
	text-indent: -4000px;
}

.web_header
{
	background: url(images/getintoit/blog/rightcol_header_web.gif) no-repeat;
	padding: 0px;
	font-size:90%;
	margin: 0px;
	width: 295px;
	height: 44px;
	text-indent: -4000px;
}


.gear_header
{
	background: url(images/getintoit/blog/rightcol_header_gear.gif) no-repeat;
	padding: 0px;
	font-size:90%;
	margin: 0px;
	width: 295px;
	height: 44px;
	text-indent: -4000px;
}



div.merch
{
	width: 275px;
	padding: 10px 0px 5px 8px;
}

div.merch img
{
	border: 1px solid #4e627d;
}








div.photosfloat
{
	text-align:center;
	width: 275px;
	padding: 10px 0px 5px 8px;
}

div.photosfloat img
{
	border: 1px solid #4e627d;
}



.leftalign
{
	float: left;
}
.rightalign
{
	float: right;
}

.centeralign
{
	text-align: center;
}

h3.smallpanel
{
	color: #fec000;
}

ul.smallpanel
{
	line-height: 18px;
}

li.smallpanel
{
	padding-bottom: 10px;
}

/* Firefox hack for panels that contain floating elements */
/* Defined in general, not needed here
.panelbottom
{
	height: 1px;
	clear: both;
	float: none;
	margin: 0;
	padding: 1;
	font-size: 1px;
	background-color: Red;
}
*/

/* Firefox hack for panels that contain floating elements */
.continue
{
	clear: both;
	float: right;
	margin-top: 10px;
	padding: 0;
}


/* Spacer element */
#container div.panelspacer {
	clear: both;
	width: 671px;
	height: 10px;
}







/* rounded panels that contain multiple floated elements */
/* use standard header: smallpanelheader */
div.smallblocklisting
{
	background: #3d4c61 url(images/layout/bg_panelround.gif) bottom left no-repeat;
	width: 705px;
	margin: 0 0 15px 15px;
	padding: 15px;
}
div.blocklisting
{
	float: left;
	clear: left;
	display: inline;
	background: #3d4c61;
	width: 710px;
	margin: 5px 0 20px 15px;
	padding: 10px;
	border: 2px #323e4f solid;
}

div.smallblocklisting p,
div.innerblocklisting p,
div.blocklisting p {
	margin: 0;
}

div.smallblocklisting img,
div.innerblocklisting img,
div.blocklisting img {
	border: 0;
}

div.smallblocklisting .blocklistingitem,
div.innerblocklisting .blocklistingitem,
div.blocklisting .blocklistingitem {
	overflow: hidden;
	float: left;
	width: 206px;
	margin: 0 0 20px 0;
	padding: 0;
}

div.smallblocklisting .blocklistingitem table,
div.innerblocklisting .blocklistingitem table,
div.blocklisting .blocklistingitem table {
	margin-top: 10px;
	border-collapse: collapse;
}

div.smallblocklisting .blocklistingitem table td,
div.innerblocklisting .blocklistingitem table td,
div.blocklisting .blocklistingitem table td {
	padding: 0 5px 0 0;
}

div.smallblocklisting .blocklistingitem ul,
div.innerblocklisting .blocklistingitem ul,
div.blocklisting .blocklistingitem ul {
	list-style: none;
	margin: 15px 0;
	padding: 0;
}

div.smallblocklisting .left,
div.innerblocklisting .left,
div.blocklisting .left {
	margin-right: 15px;
	padding-right: 10px;
	border-right: 1px #5f7797 solid;
	clear: left;
}

div.smallblocklisting .center,
div.innerblocklisting .center,
div.blocklisting .center {
	margin-right: 15px;
	padding-right: 10px;
	border-right: 1px #5f7797 solid;
	float: left;
}

div.smallblocklisting .right,
div.innerblocklisting .right,
div.blocklisting .right 
{
	float: left;
	text-align: left;
}


/* for large panels with rounded corners WORKING ON FORMATTING */

div.largepanelheader {
	clear: both;
	background: #3d4c61 url(/images/layout/title_panelround_big.gif) no-repeat;
	color: #fec000;
	height: 28px;
	/* margin: 10px 50px 0 0; */
	/*margin: 10px 50 0px 15px;*/
	padding-top: 16px;
	text-indent: 10px; /*40px*/
	width: 974px;
	font-weight: bold;
	font-size: 18px;
}

/* div.largepanelheaderalt used in following pages:
   about_us
   contest-promo
   downloads (all)
   error
   gift_certificates
   idea_submission
   jobs
   network_step (all)
   wholesale_info
*/

div.largepanelheaderalt {
	clear: both;
	height: 13px;
	/* margin: 10px 50px 0px 0px;*/
	padding-top: 16px;
	width: 974px;
	height: 26px;
	font-weight: bold;
	font-size: 18px;
}


div.largepanel
{
	background: #3d4c61 url(images/layout/bg_panelround_large.gif) bottom left no-repeat;
	width: 944px;
	margin: 0 0 0px 0px;
	padding: 5px 15px 15px 15px;
}


div.largepanel_corner
{
	background: #3d4c61 url(images/layout/bg_panelround_corner.gif) bottom left no-repeat;
	width: 944px;
	margin: 0 0 0px 0px;
	padding: 5px 15px 15px 15px;
}

div.largepanel_network
{
	background: #3d4c61 url(images/layout/jinx_network_background.jpg) top left no-repeat;
	width: 944px;
	margin: 0 0 0px 0px;
	padding: 15px;
}

div.largepanel_conferences
{
	background: #3d4c61 url(images/layout/conferences_background.jpg) top left no-repeat;
	width: 944px;
	margin: 0 0 0px 0px;
	padding: 15px;
}

.panelspacer
{
    margin-bottom: 20px;
}

.returntoshoppingspacertop
{
    margin: 20px 0 10px 0;
}

.returntoshoppingspacerbottom
{
    margin: 20px 0 20px 0;
}



.jinxnetworkinfo
{
	width: 377px;
	margin-bottom: 10px;
	margin-top: -5px;
}

.linktojinxnetwork
{
	margin-left: 97px;
}

div.wishlistpanelheader {
	float: left;
	background: #3d4c61 url(images/headers/title_wishlistsettings.gif) no-repeat;
	color: #fec000;
	height: 28px;
	/* margin: 10px 50px 0 0; */
	/*margin: 10px 50 0px 15px;*/
	padding-top: -2px;
	text-indent: 10px; /*40px*/
	width: 692px;
	font-weight: bold;
	font-size: 18px;
}

div.wishlistlargepanel
{
	float: left;
	background: #3d4c61 url(images/layout/bg_wishlistpanelround_large.gif) bottom left no-repeat;
	width: 662px;
	margin: 0 0 0px 0px;
	padding: 5px 15px 15px 15px;
}

div.wishlistlargepanel span.error div ul li
{
	width: 480px;
}

div.optionspanelheader {
	float: right;
	background: #3d4c61 url(images/headers/title_options.gif) no-repeat;
	color: #fec000;
	height: 28px;
	/* margin: 10px 50px 0 0; */
	/*margin: 10px 50 0px 15px;*/
	padding-top: -2px;
	text-indent: 10px; /*40px*/
	width: 270px;
	font-weight: bold;
	font-size: 18px;
}

div.optionslargepanel
{
	float: right;
	background: #3d4c61 url(images/layout/bg_optionspanelround_large.gif) bottom left no-repeat;
	width: 240px;
	padding: 5px 15px 15px 15px;
}

div.right-stuff
{
	float: right;
	width: 270px;
}
.option_top_buttons
{
	margin-top: 7px;
	margin-bottom: 8px;
}

.option_buttons
{
	margin-bottom: 8px;
}

.option_text
{
	margin-bottom: 40px;
}

div.sectionheader
{
	width: 900px;
	float: none;
	margin: 4px 0 0 0;
	padding: 10px 0 4px 0;
	clear: both;
	font-size:larger;
	font-weight: bold;
	color: #fec000;
	border-width: 0px 0px 1px 0px;
	border-color: #5f7697;
	border-style: solid;
}




div.greenpanelheader 
{
	clear: both;
	background: url(/images/layout/title_greenpanel.gif) no-repeat;
	color: #fec000;
	height: 25px;
	padding-top: 0px;
	text-indent: 10px; /*40px*/
	width: 974px;
	font-weight: bold;
	font-size: 18px;
	margin-top: 15px;
}


div.greenpanel
{
	clear: both;
	background: #366737 url(images/layout/bg_greenpanel.gif) bottom left no-repeat;
	width: 944px;
	margin: 0 0 0px 0px;
	padding: 5px 15px 15px 15px;
}



div.leftarea
{
	width: 760px;
	overflow: hidden;
	float: left;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

div.rightarea
{
	width: 210px;
	overflow: hidden;
	float: right;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}



