/*-----------------------------------------------------------------------------
version:   1.0.1-Beta
author:    john soms
email:     john@tree-nation.com
website:   http://www.tree-nation.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

.fL
{
	float: left;
}

.fR
{
	float: right;
}

.leftAlign
{
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.rightAlign
{
	text-align: right;
	margin: 0px 0px 0px auto;
	padding: 0px;
}
.centerAlign
{
	text-align: center;
	margin: 0 auto;
	padding: 0px;
}

div.sidebar
{
	color: #333;
	margin: 2px 5px;
	padding: 5px;	
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;		
	text-align: left;
	width: 240px;
	display: block;
}


div.profilebar
{
	color: #333;
	margin: 5px 0;
	padding: 5px;	
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;		
	text-align: left;
	width: 190px;
	display: block;
}

div.contentBlockA
{
  padding: 10px 10px;
  float: left;
}

div.contentBlockA h2
{
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #84bc2b;
	font-weight: bold;	
	float: left;
	padding: 5px 30px 0px 0px;
}

div.contentBlockA p
{
  text-align: justify;
  color: #666;
  padding: 5px;
}

div.contentBlockA p span.important
{
	display: block;
}

div.contentBlockA img
{
  padding: 10px;
  position:absolute;
  top: -10000px;
}

p
{
	color: #333;
	width: 95%;
	margin: 0 auto;
	padding: 10px;
	text-align: justify;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;	
}



/* =Links
-----------------------------------------------------------------------------*/
/*a:link, a:visited 
{
	text-decoration: none;
	font-weight: bold;	
	color: #666;
}

a:hover, a:active 
{
	text-decoration: none;
	font-weight: bold;	
	color: #666;
}*/

a:focus 
{
	outline: none;
}

/* =blue
-----------------------------------------------------------------------------*/
a.blueTiny, a.blueTiny:visited,
a.blueSmaller, a.blueSmaller:visited,
a.blueSmallerBold, a.blurSmallerBold:visited,
a.blueSmall, a.blueSmall:visited,
a.blue, a.blue:visited,
a.blueTitle, a.blueTitle:visited,
a.blueBigTitle, a.blueBigTitle:visited,
a.blueSuperTitle, a.blueSuperTitle:visited,
a.blueMegaTitle, a.blueMegaTitle:visited
{
	text-decoration: none;
	color: #29abe2;
}

a.blueTiny:hover, a.blueTiny:active,
a.blueSmaller:hover, a.blueSmaller:active,
a.blueSmallerBold:hover, a.blurSmallerBold:active,
a.blueSmall:hover, a.blueSmall:active,
a.blue:hover, a.blue:active,
a.blueTitle:hover, a.blueTitle:active,
a.blueBigTitle:hover, a.blueBigTitle:active,
a.blueSuperTitle:hover, a.blueSuperTitle:active,
a.blueMegaTitle:hover, a.blueMegaTitle:active
{
	text-decoration: underline;
}

a.blueTiny {font-size: 10px}
a.blueSmaller {font-size: 11px}
a.blueSmallerBold {font-size: 11px; font-weight: bold}
a.blueSmall {font-size: 12px}
a.blue {font-size: 14px}
a.blueTitle {font-size: 16px; line-height: 20px;}
a.blueBigTitle {font-size: 18px}
a.blueSuperTitle {font-size: 20px}
a.blueMegaTitle {font-size: 24px}


/* =red
-----------------------------------------------------------------------------*/
a.redTiny, a.redTiny:visited,
a.redSmaller, a.redSmaller:visited,
a.redSmall, a.redSmall:visited,
a.red, a.red:visited,
a.redTitle, a.redTitle:visited,
a.redBigTitle, a.redBigTitle:visited,
a.redSuperTitle, a.redSuperTitle:visited,
a.redMegaTitle, a.redMegaTitle:visited
{
	text-decoration: none;
	color: #C1272D;
}

a.redTiny:hover, a.redTiny:active,
a.redSmaller:hover, a.redSmaller:active,
a.redSmall:hover, a.redSmall:active,
a.red:hover, a.red:active,
a.redTitle:hover, a.redTitle:active,
a.redBigTitle:hover, a.redBigTitle:active,
a.redSuperTitle:hover, a.redSuperTitle:active,
a.redMegaTitle:hover, a.redMegaTitle:active
{
	text-decoration: underline;
}

a.redTiny {font-size: 10px}
a.redSmaller {font-size: 11px}
a.redSmall {font-size: 12px}
a.red {font-size: 14px}
a.redTitle {font-size: 16px; line-height: 20px;}
a.redBigTitle {font-size: 18px}
a.redSuperTitle {font-size: 20px}
a.redMegaTitle {font-size: 24px}

/* =grey
-----------------------------------------------------------------------------*/
a.greyTiny, a.greyTiny:visited,
a.greyTinyBold, a.greyTinyBold:visited,
a.greySmaller, a.greySmaller:visited,
a.greySmall, a.greySmall:visited,
a.grey, a.grey:visited,
a.greyNormal, a.greyNormal:visited,
a.greyTitle, a.greyTitle:visited,
a.greyBigTitle, a.greyBigTitle:visited,
a.greySuperTitle, a.greySuperTitle:visited,
a.greyMegaTitle, a.greyMegaTitle:visited
{
	text-decoration: none;
	color: #666;
}

a.greyTiny:hover, a.greyTiny:active,
a.greyTinyBold:hover, a.greyTinyBold:active,
a.greySmaller:hover, a.greySmaller:active,
a.greySmall:hover, a.greySmall:active,
a.greyNormal:hover, a.greyNormal:active,
a.grey:hover, a.grey:active,
a.greyTitle:hover, a.greyTitle:active,
a.greyBigTitle:hover, a.greyBigTitle:active,
a.greySuperTitle:hover, a.greySuperTitle:active,
a.greyMegaTitle:hover, a.greyMegaTitle:active
{
	text-decoration: underline;
}

a.greyTiny {font-size: 10px}
a.greyTinyBold {font-size: 10px; font-weight: bold}
a.greySmaller {font-size: 11px}
a.greySmall {font-size: 12px}
a.greyNormal {font-size: 12px}
a.grey {font-size: 14px}
a.greyTitle {font-size: 16px; line-height: 20px;}
a.greyBigTitle {font-size: 18px}
a.greySuperTitle {font-size: 20px}
a.greyMegaTitle {font-size: 24px}

/* =lightgrey
-----------------------------------------------------------------------------*/
a.lightgreyTiny, a.lightgreyTiny:visited,
a.lightgreySmaller, a.lightgreySmaller:visited,
a.lightgreySmall, a.lightgreySmall:visited,
a.lightgrey, a.lightgrey:visited,
a.lightgreyTitle, a.lightgreyTitle:visited,
a.lightgreyBigTitle, a.lightgreyBigTitle:visited,
a.lightgreySuperTitle, a.lightgreySuperTitle:visited,
a.lightgreyMegaTitle, a.lightgreyMegaTitle:visited
{
	text-decoration: none;
	color: #CCC;
}

a.lightgreyTiny:hover, a.lightgreyTiny:active,
a.lightgreySmaller:hover, a.lightgreySmaller:active,
a.lightgreySmall:hover, a.lightgreySmall:active,
a.lightgrey:hover, a.lightgrey:active,
a.lightgreyTitle:hover, a.lightgreyTitle:active,
a.lightgreyBigTitle:hover, a.lightgreyBigTitle:active,
a.lightgreySuperTitle:hover, a.lightgreySuperTitle:active,
a.lightgreyMegaTitle:hover, a.lightgreyMegaTitle:active
{
	text-decoration: underline;
}

a.lightgreyTiny {font-size: 10px}
a.lightgreySmaller {font-size: 11px}
a.lightgreySmall {font-size: 12px}
a.lightgrey {font-size: 14px}
a.lightgreyTitle {font-size: 16px; line-height: 20px;}
a.lightgreyBigTitle {font-size: 18px}
a.lightgreySuperTitle {font-size: 20px}
a.lightgreyMegaTitle {font-size: 24px}

/* =green
-----------------------------------------------------------------------------*/
a.greenTiny, a.greenTiny:visited,
a.greenSmaller, a.greenSmaller:visited,
a.greenSmall, a.greenSmall:visited,
a.green, a.green:visited,
a.greenTitle, a.greenTitle:visited,
a.greenBigTitle, a.greenBigTitle:visited,
a.greenSuperTitle, a.greenSuperTitle:visited,
a.greenMegaTitle, a.greenMegaTitle:visited
{
	text-decoration: none;
	color: #abd848;
}

a.greenTiny:hover, a.greenTiny:active,
a.greenSmaller:hover, a.greenSmaller:active,
a.greenSmall:hover, a.greenSmall:active,
a.green:hover, a.green:active,
a.greenTitle:hover, a.greenTitle:active,
a.greenBigTitle:hover, a.greenBigTitle:active,
a.greenSuperTitle:hover, a.greenSuperTitle:active,
a.greenMegaTitle:hover, a.greenMegaTitle:active
{
	text-decoration: underline;
}

a.greenTiny {font-size: 10px}
a.greenSmaller {font-size: 11px}
a.greenSmall {font-size: 12px}
a.green {font-size: 14px}
a.greenTitle {font-size: 16px; line-height: 20px;}
a.greenBigTitle {font-size: 18px}
a.greenSuperTitle {font-size: 20px}
a.greenMegaTitle {font-size: 24px}


/* =medgreen
-----------------------------------------------------------------------------*/
a.medgreenTiny, a.medgreenTiny:visited,
a.medgreenSmaller, a.medgreenSmaller:visited,
a.medgreenSmall, a.medgreenSmall:visited,
a.medgreen, a.medgreen:visited,
a.medgreenTitle, a.medgreenTitle:visited,
a.medgreenBigTitle, a.medgreenBigTitle:visited,
a.medgreenSuperTitle, a.medgreenSuperTitle:visited,
a.medgreenMegaTitle, a.medgreenMegaTitle:visited
{
	text-decoration: none;
	color:  #84bc2b;
}

a.medgreenTiny:hover, a.medgreenTiny:active,
a.medgreenSmaller:hover, a.medgreenSmaller:active,
a.medgreenSmall:hover, a.medgreenSmall:active,
a.medgreen:hover, a.medgreen:active,
a.medgreenTitle:hover, a.medgreenTitle:active,
a.medgreenBigTitle:hover, a.medgreenBigTitle:active,
a.medgreenSuperTitle:hover, a.medgreenSuperTitle:active,
a.medgreenMegaTitle:hover, a.medgreenMegaTitle:active
{
	text-decoration: underline;
}

a.medgreenTiny {font-size: 10px}
a.medgreenSmaller {font-size: 11px}
a.medgreenSmall {font-size: 12px}
a.medgreen {font-size: 14px}
a.medgreenTitle {font-size: 16px; line-height: 20px;}
a.medgreenBigTitle {font-size: 18px}
a.medgreenSuperTitle {font-size: 20px}
a.medgreenMegaTitle {font-size: 24px}

/* =white
-----------------------------------------------------------------------------*/
a.whiteTiny, a.whiteTiny:visited,
a.whiteSmaller, a.whiteSmaller:visited,
a.whiteSmall, a.whiteSmall:visited,
a.white, a.white:visited,
a.whiteTitle, a.whiteTitle:visited,
a.whiteBigTitle, a.whiteBigTitle:visited,
a.whiteSuperTitle, a.whiteSuperTitle:visited,
a.whiteMegaTitle, a.whiteMegaTitle:visited
{
	text-decoration: none;
	color: #FFF;
}

a.whiteTiny:hover, a.whiteTiny:active,
a.whiteSmaller:hover, a.whiteSmaller:active,
a.whiteSmall:hover, a.whiteSmall:active,
a.white:hover, a.white:active,
a.whiteTitle:hover, a.whiteTitle:active,
a.whiteBigTitle:hover, a.whiteBigTitle:active,
a.whiteSuperTitle:hover, a.whiteSuperTitle:active,
a.whiteMegaTitle:hover, a.whiteMegaTitle:active
{
	text-decoration: underline;
}

a.whiteTiny {font-size: 10px}
a.whiteSmaller {font-size: 11px}
a.whiteSmall {font-size: 12px}
a.white {font-size: 14px}
a.whiteTitle {font-size: 16px; line-height: 20px;}
a.whiteBigTitle {font-size: 18px}
a.whiteSuperTitle {font-size: 20px}
a.whiteMegaTitle {font-size: 24px}




/* =Paragraphs and box elements
-----------------------------------------------------------------------------*/
div.errorBox
{
	color: #760000;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 1em;
	text-align: left;
	padding: 2px 20px;
	margin: 5px 20px;
	background: url(../../shared/images/icons/error_blink.gif) no-repeat left top;
}

div.comment
{
	font-family: Arial, Verdana, sans-serif;
	font-style: italic;
	font-size: 14px;
	text-align: left;
	color: #333;
	width: 95%;
}	

form p
{
	margin: 0 auto;
}


/* =Fonts
-----------------------------------------------------------------------------*/


/* green
-----------------------------------------------------------------------------*/
.greenTiny, .greenSmaller, .greenSmall,
.green, .greenTitle, .greenBigTitle, 
.greenSuperTitle, .greenMegaTitle
{
	font-family: Arial, sans-serif;
	color: #abd848;
	font-weight: normal;	
}

.greenTiny { font-weight: normal; font-size: 10px }
.greenSmaller { font-weight: normal; font-size: 11px }
.greenSmall { font-weight: normal; font-size: 12px }
.green { font-weight: bold; font-size: 14px }
.greenTitle { font-weight: bold; font-size: 16px }
.greenBigTitle { font-weight: bold; font-size: 18px }
.greenSuperTitle { font-weight: bold; font-size: 20px }
.greenMegaTitle { font-weight: bold; font-size: 24px }



/* darkgreen 
-----------------------------------------------------------------------------*/
.darkgreenTiny, .darkgreenSmaller, .darkgreenSmall,
.darkgreen, .darkgreenTitle, .darkgreenBigTitle, 
.darkgreenSuperTitle, .darkgreenMegaTitle
{
	font-family: Arial, sans-serif;
	color: #204118;
	font-weight: normal;	
}

.darkgreenTiny { font-weight: normal; font-size: 10px }
.darkgreenSmaller { font-weight: normal; font-size: 11px }
.darkgreenSmall { font-weight: normal; font-size: 12px }
.darkgreen { font-weight: bold; font-size: 14px }
.darkgreenTitle { font-weight: bold; font-size: 16px }
.darkgreenBigTitle { font-weight: bold; font-size: 18px }
.darkgreenSuperTitle { font-weight: bold; font-size: 20px }
.darkgreenMegaTitle { font-weight: bold; font-size: 24px }

/* medgreen 
-----------------------------------------------------------------------------*/
.medgreenTiny, .medgreenSmaller, .medgreenSmall,
.medgreen, .medgreenTitle, .medgreenBigTitle, 
.medgreenSuperTitle, .medgreenMegaTitle
{
	font-family: Arial, sans-serif;
	color: #84bc2b;
	font-weight: normal;	
}

.medgreenTiny { font-weight: normal; font-size: 10px }
.medgreenSmaller { font-weight: normal; font-size: 11px }
.medgreenSmall { font-weight: normal; font-size: 12px }
.medgreen { font-weight: bold; font-size: 14px }
.medgreenTitle { font-weight: bold; font-size: 16px }
.medgreenBigTitle { font-weight: bold; font-size: 18px }
.medgreenSuperTitle { font-weight: bold; font-size: 20px }
.medgreenMegaTitle { font-weight: bold; font-size: 24px }

/* blue
-----------------------------------------------------------------------------*/
.blueTiny, .blueSmaller, .blueSmall,
.blue, .blueTitle, .blueBigTitle, 
.blueSuperTitle, .blueMegaTitle, .blueBigTitleUnderline,
.blueUnderline, .blueTitleUnderline
{
	font-family: Arial, sans-serif;
	color: #29abe2;
	font-weight: normal;	
}

.blueTiny { font-weight: normal; font-size: 10px }
.blueSmaller { font-weight: normal; font-size: 11px }
.blueSmall { font-weight: normal; font-size: 12px }
.blue { font-weight: bold; font-size: 14px }
.blueTitle { font-weight: bold; font-size: 16px }
.blueBigTitle { font-weight: bold; font-size: 18px }
.blueSuperTitle { font-weight: bold; font-size: 20px }
.blueMegaTitle { font-weight: bold; font-size: 24px }

.blueUnderline { font-size: 14px; font-weight: bold; text-decoration: underline; }
.blueTitleUnderline { font-size: 16px; font-weight: bold; text-decoration: underline; }
.blueBigTitleUnderline { font-size: 18px; font-weight: bold; text-decoration: underline; }

/* grey
-----------------------------------------------------------------------------*/
.greyTiny, .greySmaller, .greySmall,
.grey, .greyTitle, .greyBigTitle, 
.greySuperTitle, .greyMegaTitle, .greyNormal
{
	font-family: Arial, sans-serif;
	color: #666;
	font-weight: normal;	
}

.greyTiny { font-weight: normal; font-size: 10px }
.greySmaller { font-weight: normal; font-size: 11px }
.greySmall { font-weight: bold; font-size: 12px }
.greyNormal {font-size: 12px }
.grey { font-weight: bold; font-size: 14px }
.greyTitle { font-weight: bold; font-size: 16px }
.greyBigTitle { font-weight: bold; font-size: 18px }
.greySuperTitle { font-weight: bold; font-size: 20px }
.greyMegaTitle { font-weight: bold; font-size: 24px }

/* lightgrey
-----------------------------------------------------------------------------*/
.lightgreyTiny, .lightgreySmaller, .lightgreySmall,
.lightgrey, .lightgreyTitle, .lightgreyBigTitle, 
.lightgreySuperTitle, .lightgreyMegaTitle
{
	font-family: Arial, sans-serif;
	color: #CCC;
	font-weight: normal;	
}

.lightgreyTiny { font-weight: normal; font-size: 10px }
.lightgreySmaller { font-weight: normal; font-size: 11px }
.lightgreySmall { font-weight: normal; font-size: 12px }
.lightgrey { font-weight: bold; font-size: 14px }
.lightgreyTitle { font-weight: bold; font-size: 16px }
.lightgreyBigTitle { font-weight: bold; font-size: 18px }
.lightgreySuperTitle { font-weight: bold; font-size: 20px }
.lightgreyMegaTitle { font-weight: bold; font-size: 24px }


/* red
-----------------------------------------------------------------------------*/
.redTiny, .redSmaller, .redSmall,
.red, .redTitle, .redBigTitle, 
.redSuperTitle, .redMegaTitle
{
	font-family: Arial, sans-serif;
	color: #C1272D;
	font-weight: normal;	
}

.redTiny { font-weight: normal; font-size: 10px }
.redSmaller { font-weight: normal; font-size: 11px }
.redSmall { font-weight: normal; font-size: 12px }
.red { font-weight: bold; font-size: 14px }
.redTitle { font-weight: bold; font-size: 16px }
.redBigTitle { font-weight: bold; font-size: 18px }
.redSuperTitle { font-weight: bold; font-size: 20px }
.redMegaTitle { font-weight: bold; font-size: 24px }


/* greyBox
-----------------------------------------------------------------------------*/
.greyBoxSubtitle
{
	text-align: left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #CDCDCD;
	display: block;
	margin: 5px auto;
	padding: 2px 5px;
	width: 165px;	
}



/* extras
-----------------------------------------------------------------------------*/
div.userProfileMenu
{
	margin-top: 10px;
}

div.growlUI h1, div.growlUI h2 
{
	padding: 5px 5px 5px 75px; 
	text-align: left
}

div.growlUI h1 {font-size: 18px;}
div.growlUI h2 {font-size: 16px;}

.importantB
{
  font-weight: bold;
  font-size: 1em;
  color: #9966CC;
  text-align: left;
}

.importantC
{
  font-weight: bold;
  font-size: 1.2em;
  color: #9966CC;
}


#grid
{
	margin: 0px auto;	
}

#grid th
{	
	text-align: center;
	border: 1px solid #999;
	padding: 2px 4px;
	background-color: #ccc	
}

#grid td
{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 1px 3px;	
	text-align: center;
}

div.inviteSidebar
{
	 height:    130px;
	 font-family: Arial, Verdana, sans-serif;
	 background: #f7f7f7; 
	 margin: 5px 5px; 
	 border: 1px solid #2aabe4; 
	 color: #2aabe4;
}

div.iSText
{
	float: left;
	width: 180px;	 
	margin: 5px auto;
}

div.iSText span
{
	font-size: 12px;
}

div.iSImage
{
	float: left; 
	margin: 10px;
}

/* photo sort
-----------------------------------------------------------------------*/




/* addthis buttons
-----------------------------------------------------------------------*/

.addthis_toolbox .custom_images a
{
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}

div.tip
{
    width: 400px; 
    background: #dcf1f4; 
    padding: 5px;
    margin-left: 10px;
}

/* more_you_can_do
-----------------------------------------------------------------------*/
#more_you_can_do
{
	margin-left: 20px;
	font-size: 14px;
}

#more_you_can_do h2
{
    margin: 0;
    padding: 0;
    color:  #29abe2;
}

#more_you_can_do p
{
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #666;
}


#more_you_can_do span.stw
{
    margin: 0;
    padding: 0;
    color:  #29abe2;
    font_weight: normal;
}

#more_you_can_do td
{
    vertical-align: middle;
    padding: 5px 0;
}

#more_you_can_do td.right
{
    text-align: right;
}