/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
   TEMPLATE NAME: 	Bright Side of Life
   TEMPLATE CODE: 	S-0005
   VERSION:          1.0          	
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0;
	padding: 0;
	color: #666666; 
	background: #A9BAC3 url(/images/bg.gif) repeat-x;
	text-align: center;
	font-family: tahoma,verdana,helvetica,sans-serif;
	font-size: 0.6em;
	font-weight: normal;
}
p {
	font-size: 1.3em;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
}

/* links */
a:link { 
	color: #9EC630;
	text-decoration: none;
	font-weight:bold;
}
a:visited { 
	color: #9EC630;
	text-decoration: none;
	font-weight:bold;
}
a:active { 
	color: #9EC630;
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	color: #f60;
	font-weight:bold;
}

/* headers */
h1, h2, h3, h4 {
	font: bold 1.0em 'Trebuchet MS', Arial, Sans-serif;
	color: #333;
}
h4 {
	font: normal 1.0em 'Trebuchet MS', Arial, Sans-serif;
	color: #666;
}
h1 { font-size: 1.7em; color: #6297BC; } 
h2 { font-size: 1.6em; text-transform:uppercase; }
h3 { font-size: 1.5em; color: #6297BC;}
h4 { font-size: 1.4em; color: #666;}

p, h1, h2, h3, h4 {
	margin: 1.0em 15px;
}
ul, ol {
	margin: 1.0em 30px;
	padding: 0 15px;
	color: #4284B0;
	font-size: 1.3em;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;

}
ul.udm, ul.udm ul {
	font-size: 1.1em;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;

}
ul span, ol span {
	color: #666666; 
}
/***********************
	IMAGES
************************/
img {
	border: none;/*2px solid #CCC;*/
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
img.floatRightClear { 
    float: right; 
    clear: right; 
	margin: 5px 15px 5px 0px; 
}
img.floatRightClearBorder { 
    float: right; 
    clear: right; 
	margin: 5px 15px 5px 0px;
	padding:4px;
  	border:1px solid #ddd; 
}
img.Border { margin: 5px 15px 5px 0px; padding:4px; border:1px solid #ddd; }
a:hover img.Border { margin: 5px 15px 5px 0px; padding:4px; border:1px solid #ddd; }

img.floatLeftClear { 
    float: left; 
    clear: right; 
	margin: 5px 5px 5px 15px; 
}
img.floatLeftClearBorder { 
    float: left; 
    clear: right; 
	margin: 5px 5px 5px 15px;
	padding:4px;
  	border:1px solid #ddd;  
}
a img {  
  border: none;/*2px solid #568EB6;*/
}
a:hover img {
  border: none;
}
table { 
	margin-left:auto; 
	margin-right:auto; 
	text-align: center; 
}
td {
	height: 1.7em;
}
code {
  margin: 5px 0;
  padding: 1.0em;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1.0em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 4px solid #4284B0; 
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 20px;  	
  	background: #FAFAFA;
	border: 1px solid #f2f2f2; 
	border-left: 4px solid #4284B0;   
	color: #4284B0;
	font: bold 1.1em Georgia, 'Bookman Old Style', Serif; 
}
/***********************
	FORM ELEMENTS
************************/
.formpanel {
	margin:1.0em 0 1.0em 15px;
	padding: 0;
	border: 1px solid #d9d9d9; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #6297bc;
	font: normal 1.0em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:90%;
	padding:2px;
	font: normal 1.0em Verdana, sans-serif;
	border:1px solid #6297bc;
	/*height:100px;*/
	display:block;
	color:#777;
}
select {
	padding:0;
	font: normal 0.7em Verdana, sans-serif;
	border:1px solid #6297bc;
	color:#777;
	width:auto;
}
option {
	padding-right:4px;
	width:auto;
}
.SelectStyle {
	padding:2px;
	font: normal 0.9em Verdana, sans-serif;
	border:1px solid #6297bc;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1.0em Arial, Sans-serif;
	border-top: 1px solid #CCC;
	border-right: 2px solid #6297BC;
	border-bottom: 2px solid #6297BC;
	border-left: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #9EC630;/*#4284B0*/	
}
input.button:hover { 
	margin: 0; 
	font: bold 1.0em Arial, Sans-serif;
	border-top: 1px solid #009900;
	border-right: 2px solid #009900;
	border-bottom: 2px solid #009900;
	border-left: 1px solid #009900;
	/*
	border-top: 1px solid #CCC;
	border-right: 2px solid #6297BC;
	border-bottom: 2px solid #6297BC;
	border-left: 1px solid #CCC;
	*/
	background: #FFF; 
	padding: 2px 3px;
	color: #f60;
	cursor: pointer;
}
/***********************
	SEARCH FORM ELEMENTS
************************/
form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;
}
form.searchform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #9EC630; 
	background: #FFF;
	color: #333; 
	height: 14px;
	vertical-align: top;
}
/***********************
	LAYOUT
************************/
#wrap {
	background: #FFF;
	width: 900px;/*820px default*/ 
	height: 100%;
	margin: 0 auto;	
	text-align: left;
}
#content-wrap {
	clear: both;
	margin: 0; 
	padding: 0;	
	background: #FFF;
}
/***********************
	HEADER
************************/
#header {
	position: relative;
	height: 85px;	
	background: #000 url(/images/headerbg.gif) repeat-x 0% 100%;	
}
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 4.2em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	text-transform: lowercase;
	top: 0; left: 5px;	
}
#header h2#slogan {
	position: absolute;	 
	top:37px; left: 75px;
	color: #666666;
	text-indent: 0px;
	font: bold 1.2em Tahoma, 'trebuchet MS', Sans-serif; 
	text-transform: none;	
}
#header form.searchform {
	position: absolute;
	top: 0; 
	right: -12px;	
}
/***********************
	MAIN
************************/
#main {
	float: left;
	margin-left: 15px;
	padding: 0;
	width: 50%;
}
#main2col {
	float: left;
	margin-left: 15px;
	padding: 0;
	width: 73%;
	text-align:center;
}
.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 15px 0 15px;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
}
.post-footer .date {
	background: url(/images/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 1.0em 0 5px;
}
.post-footer .comments {
	background: url(/images/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 1.0em 0 5px;
}
.post-footer .readmore {
	background: url(/images/page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 1.0em 0 5px;
}
/***********************
	SIDEBAR
************************/
#sidebar {
	float: left;
	width: 23%;
	margin: 0;
	padding: 0; 
	display: inline;
}
#sidebar ul.sidemenu {
	color: #4284B0;
	font-size: 1.1em;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	list-style:none;
	margin:1.0em 0 1.0em 15px;
	padding:0;		
}
#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #d9d9d9;
	text-align: left;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:bold;
	font-size: 1.2em;
	color: #666;	
	text-decoration:none;	
	padding:2px 5px 2px 1.0em;
	background: #FAFAFA;
	border-left:4px solid #CCC;
	text-align: left;	
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:2px 5px 2px 1.0em;
	background: #FAFAFA;
	color: #f60;/*339900*/
	border-left:4px solid #f60;
}
/***********************
	RIGHTBAR
************************/
#rightbar {
	float: right;
	width: 23%;
	padding: 0; 
	margin:0;
}
/***********************
	FOOTER
************************/
#footer { 
	clear: both; 
	color: #FFF; 
	background: #A9BAC3; 
	border-top: 5px solid #568EB6;
	margin: 0; padding: 0; 
	height: 50px;	  
	font-size: 95%;		
}
#footer a:link { 
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}
#footer a:visited { 
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}
#footer a:active { 
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}
#footer a:hover {
	color: #fff;
	text-decoration: underline;
	font-weight:bold;
}
#footer .footer-left{
	float: left;
	width: 45%;
}
#footer .footer-right{
	float: right;
	width: 50%;
}

/* menu tabs */
#header ul {
	z-index: 999999;
	position: absolute;
   margin:0; padding: 0;
   list-style:none;
	right: 0; 
	bottom: 6px !important; bottom: 5px;
	font: bold 1.3em  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(/images/tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(/images/tabright.gif) no-repeat right top;
   padding:6px 15px 3px 8px;
   color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
	color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
	color: #FFF;
}
/* end menu tabs */

/* alignment classes */
.float-left  				{ 	float: left; }
.float-right 				{	float: right; }
.float-right-border 		{	float: right; padding:4px; border:1px solid #ddd; margin: 5px 5px 5px 5px; }
a:hover .float-right-border {	float: right; padding:4px; border:1px solid #ddd; }
.align-left  				{	text-align: left; }
.align-left-clear  			{ 	text-align: left; clear: both; }
.align-right 				{	text-align: right; }
.align-center 				{	text-align: center; }/*Kevins*/
.align-justify 				{ 	text-align: justify; }/*Kevins*/

/* additional classes */
.clear 		{clear: both;}
.green 		{color: #9EC630;}
.gray  		{color: #BFBFBF;}
.darkgray	{color: #666;}
.orange 	{color: #f60;}
.blue 		{color: #6297BC;}
.black 		{color: #000;}
/***********************
	UNORDERED LIST - REQUIRES JAVASCRIPT AND 3 IMAGES
************************/
ul.tree, ul.tree ul {
	list-style-type: none; 
	background: url(/images/vline.png) repeat-y; 
	margin: 1.0em; 
	padding: 0;
	font-size: 1.1em; 
} 
ul.tree ul  { 
	margin-left: 1.0em;
	font-size: 0.9em;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
 
} 
ul.tree li { 
	margin: 0; 
	padding: 0 12px; 
	line-height: 20px; 
	background: url(/images/node.png) no-repeat; 
	color: #6297BC; 
	font-weight: bold;
}
ul.tree li.last { 
	background: #fff url(/images/lastnode.png) no-repeat;
}
ul.tree ul a { 
	color: #9EC630; 
	font-weight: bold;
}
ul.tree ul a:hover {
	color: #f60; 
	font-weight: bold;
}
/***********************
	BUTTONS
************************/
.xbutton { 
	margin: 0; 
	font: bold 1.0em Arial, Sans-serif;
	border-top: 1px solid #CCC;
	border-right: 2px solid #6297BC;
	border-bottom: 2px solid #6297BC;
	border-left: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #9EC630;/*#4284B0*/	
}
.xbutton:hover { 
	margin: 0; 
	font: bold 1.0em Arial, Sans-serif;
	border-top: 1px solid #009900;
	border-right: 2px solid #009900;
	border-bottom: 2px solid #009900;
	border-left: 1px solid #009900;
	background: #FFF; 
	padding: 2px 3px;
	color: #f60;
	cursor: pointer;
}
/***********************
	MISC
************************/
.panel{
	clear: both;
	background: #fafafa;/*#fdf5e6;*/
	border: 1px solid #d9d9d9;
}
.row1 {
	background:#e6e6fa;
}

.row2 {
	background:#ccf;
}
/***********************
	ACTIVE CALENDAR
************************/
 .year {
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #3c75c4;
	background-image: url(/images/activecalendar/normal-bg.gif);
	background-repeat: repeat;
	width: auto;
}
.month {
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #3c75c4;
	background-image: url(/images/activecalendar/normal-bg.gif);
	background-repeat: repeat;
}
.yearname {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-image: url(/images/activecalendar/fastest_blue_stripe.gif);
	background-repeat: repeat;
}
.monthname {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-style: solid;
	border-width:0px;
	border-color: #3c75c4;
	background-image: url(/images/activecalendar/fastest_blue_stripe.gif);
	background-repeat: repeat;
}
.dayname {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #667171;
	text-align: center;
	border-style: none;
	border-width:1px;
	border-color: #3c75c4;
	background-image: url(/images/activecalendar/dark-bg.gif);
	background-repeat: repeat;
}
.weeknumtitle {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #667171;
	text-align: center;
	border-style: none;
	border-width:1px;
	border-color: #3c75c4;
}
.weeknum {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	color: #CD5C5C;
	text-align: center;
	background-color: #FAEBD7;
	height:20px;
	width:20px;
}
.week {
	text-align: center;
	border-style: none;
	border-width:1px;
	border-color: #3c75c4;
	background-color: #EEDFCC;
}
.monthweek {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #667171;
	text-align: center;
	border-style: solid;
	border-width:1px;
	border-color: #3c75c4;
}
.yearnavigation {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 0.9em;
}
.datepicker {
	background-image: url(/images/activecalendar/rowhover-bg.gif);
	background-repeat: repeat;
}
.datepickerform {
	margin: 0px;
}
.monthnavigation {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
}
.monthpicker {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 1.1em;
	background-color: #EEDFCC;
	width: 8.0em;
}
.yearpicker {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	background-color: #EEDFCC;
	width: 5.5em;
}
.pickerbutton {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-style: outset;
	border-width: 1px;
	border-color: #667171;
	background-color: #f60;
}
.nomonthday {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	color: #aaaaaa;
	text-align: center;
	height:20px;
	width:20px;
}
.monthday {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #667171;
	text-align: center;
	background-image: url(/images/activecalendar/rowhover-bg.gif);
	background-repeat: repeat;
	height:20px;
	width:20px;
}
.today {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	background-image: url(/images/activecalendar/greenstripefastest.gif);
	background-repeat: repeat;
	height:20px;
	width:20px;
}
.selectedday {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	border-width: 1px;
	border-style: none;
	border-color: #fff;
	background-color: #CDC9C9;
	height:20px;
	width:20px;
}
.sunday {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #667171;
	text-align: center;
	background-image: url(/images/activecalendar/dark-bg.gif);
	background-repeat: repeat;
	height:20px;
	width:20px;
}
.sunday a {
	color: #667171;
}
.saturday {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #667171;
	text-align: center;
	background-image: url(/images/activecalendar/dark-bg.gif);
	background-repeat: repeat;
	height:20px;
	width:20px;
}
.saturday a {
	color: #667171;
}
.event {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #c00;
	text-align: center;
	background-image: url(/images/activecalendar/stripepink.gif);
	background-repeat: repeat;
	border-style: solid;
	border-width: 1px;
	border-color: #c00;
	height:20px;
	width:20px;
}
.event a {
	color: #000000;
}
.selectedevent {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #c00;
	background-color: #CDC9C9;
	height:20px;
	width:20px;
}
.selectedevent a {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	text-align: center;
	background-color: #ffffff;
}
.todayevent {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #667171;
	background-image: url(/images/activecalendar/greenstripefastest.gif);
	background-repeat: repeat;
	/*background-color: #EEE9E9;*/
	height:20px;
	width:20px;
}
.todayevent a {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #667171;
	background-image: url(/images/activecalendar/rowhover-bg.gif);
	background-repeat: repeat;
}
.eventcontent {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 1.1em;
	color: #3c75c4;
	border-style: solid;
	border-width: 1px;
	border-color: #667171;
	background-image: url(/images/activecalendar/normal-bg.gif);
	background-repeat: repeat;
}
#activecalendar{
	margin: 15px 0px 5px 15px;
}
/***********************
	REPLACEMENT TABLE ROWS
************************/
.block-1 {
	float: left;
	width: 290px;
	text-align: left;
}
.block-2 {
	float: left;
	width: 30px;
	text-align: left;
}
.block-3 {
	float: left;
	width: 240px;
	text-align: right;
}
.block-4 {
	float: left;
	width: 60px;
	text-align: right;
}
/***********************
	UNORDERED LIST STYLES
************************/
#list {
	font: 0.9em tahoma,verdana,helvetica,sans-serif;
	font-weight: normal;
	text-align: left;
	list-style: none;
	margin-left: 0;
}

#list li {
	font: 1.3em tahoma,verdana,helvetica,sans-serif;
	font-weight: bold;
	list-style: none;
	color: #699;
}

#list li ul {
	font: 0.9em tahoma,verdana,helvetica,sans-serif;
	font-weight: normal;
	margin: 6px 15px;
	padding: 0 15px;
	color: #000;
	border-left: 1px dotted #999;
}

#list li ul li {
	font: 0.9em tahoma,verdana,helvetica,sans-serif;
	font-weight: normal;
	color: #000;
}

#list li ul li ul {
	font: 0.9em tahoma,verdana,helvetica,sans-serif;
	font-weight: normal;
	border: none;
	color: #000;
}

#list li ul li ul li {
	font: 0.9em tahoma,verdana,helvetica,sans-serif;
	font-weight: normal;
	padding-left: 16px;
}

#list1 {
	font: 0.9em tahoma,verdana,helvetica,sans-serif;
	font-weight: normal;
	list-style: none;
}

#list1 li {
	font: 1.3em tahoma,verdana,helvetica,sans-serif;
	font-weight: bold;
	list-style: none;
	color: #699;
}

#list1 li ul {
	font: 0.9em tahoma,verdana,helvetica,sans-serif;
	font-weight: normal;
	margin: 6px 15px;
	padding: 0 15px;
	color: #000;
	border-left: 1px dotted #999;
}

#list1 li ul li {
	font: 0.9em tahoma,verdana,helvetica,sans-serif;
	font-weight: normal;
	color: #000;
}

#list1 li ul li ul {
	font: 0.9em tahoma,verdana,helvetica,sans-serif;
	font-weight: normal;
	border: none;
	color: #000;
}

#list1 li ul li ul li {
	font: 0.9em tahoma,verdana,helvetica,sans-serif;
	font-weight: normal;
	padding-left: 16px;
}

#list2 {
	font: 0.9em tahoma,verdana,helvetica,sans-serif;
	font-weight: normal;
	list-style: none;
}

#list2 li {
	font: 1.3em tahoma,verdana,helvetica,sans-serif;
	font-weight: bold;
	list-style: none;
	color: #699;
}

#list2 li ul {
	font: 0.9em tahoma,verdana,helvetica,sans-serif;
	font-weight: normal;
	margin: 6px 15px;
	padding: 0 15px;
	color: #000;
	border-left: 1px dotted #999;
}

#list2 li ul li {
	font: 0.9em tahoma,verdana,helvetica,sans-serif;
	font-weight: normal;
	color: #000;
}

#list2 li ul li ul {
	font: 0.9em tahoma,verdana,helvetica,sans-serif;
	font-weight: normal;
	border: none;
	color: #000;
}

#list2 li ul li ul li {
	font: 0.9em tahoma,verdana,helvetica,sans-serif;
	font-weight: normal;
	padding-left: 16px;
}

.warning{
	width: 80%; 
	margin: 0 10% 0 10%; 
	padding: 15px; 
	border: 1px solid white; 
	background-color: #c00; 
	color: #fff;
}

/***********************
	PAGINATION
************************/
#tnt_pagination {
	display:block;
	text-align:left;
	height:15px;
	line-height:15px;
	clear:both;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
}

#tnt_pagination a:link, #tnt_pagination a:visited{
	padding:5px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:5px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#0072bc;
	width:15px;
	font-weight:normal;
}

#tnt_pagination a:hover {
	background-color:#DDEEFF;
	border:1px solid #BBDDFF;
	color:#0072BC;	
}

#tnt_pagination .active_tnt_link {
	padding:5px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #BBDDFF;
	margin-left:5px;
	text-decoration:none;
	background-color:#DDEEFF;
	color:#0072BC;
	cursor:default;
}

#tnt_pagination .disabled_tnt_pagination {
	padding:5px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:5px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#D7D7D7;
	cursor:default;
}

/***********************
	AJAX UPLOAD
************************/
small {
	font-size: 9px;
}
#container {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
#container p {
	text-align: justify;
	margin: 15px 0px;
	padding:0px;
}
#demo_area {
	width: 728px;
	position:relative;
	text-align:left;
	margin-left:auto;
	margin-right: auto;
}
fieldset {
	width: 469px;
	padding:0px;
	margin: 0px;
	border: 1px solid #bbbbbb;
}
legend {
	font-weight:bold;
	font-size: 14px;
	padding: 8px;
	margin: 0px 0px 0px 10px;
}
form {
	padding: 0;
	margin: 15px;
	position: relative;
}
fieldset button {
	margin-top: 12px;
}
#left_col {
	float: left;
	margin-right: 25px;
}
#right_col {
	margin-top: 16px;
	width: 200px;
	float: left;
	border: 1px solid #bbbbbb;
	text-align:center;
	padding: 15px;
}
#upload_area {
	/*border-bottom: 1px solid #bbbbbb;*/
	padding-bottom: 15px;
	margin-bottom: 15px;
}