/* Standard Style Sheet */
/* if you have many new styles to define, please use separate files */

/* --( basic )-- */
body
{ background-color:#746f6e;
  margin: 0;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 10pt;
  color: #ffffff; }

td, li, ol
{ font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 10pt; }

h1
{ font-family: Cambria, serif;
  font-size: 41pt;
  font-style: normal;
  font-weight: normal;
  text-transform: normal;
  letter-spacing: normal;
  color:#ffffff;
  margin:0px;
  letter-spacing:-1px; }
  
h2
{ font-family: Cambria, serif;
  font-size: 26pt;
  font-style: normal;
  font-weight: normal;
  text-transform: normal;
  letter-spacing: normal;
  color:#e4e4e4;
  margin:0px;
  letter-spacing:-1px; }

h3
{ font-family: Cambria, serif;
  font-size: 41pt;
  font-style: normal;
  font-weight: normal;
  text-transform: normal;
  letter-spacing: normal;
  line-height: 1.2em;
  color:#000000; }

h4
{ font-family: Cambria, serif;
  font-size: 12pt;
  font-style: normal;
  font-weight: normal;
  text-transform: normal;
  letter-spacing: normal;
  margin-top:0px;
  margin-bottom:20px;
  color: #fff; }

h5
{ margin: 0;	
  padding: 7px 0 0 0;
  font-size: 16px;
  text-transform: uppercase; }
    
a
{ color: #ffdb1e;
  text-decoration:none }

a:hover
{ color:#9cd22f;
  text-decoration:none }

input, textarea, select, input:focus, textarea:focus, select:focus
{ font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 8pt;
  color: #000000;
  background-color:#cbcbcb;
  border: solid 1px #767676;
  margin:0;
  padding:6px;
  outline:none; }
  
input[type="radio"]
{ background: none;
  border:none }
  
button
{ background-color:#96ce00;
  border:none;
  padding:6px;
  font-size:8pt;
  color:#000000; }
  
button:hover
{ background-color:#b4a100;
  color:#FFFFFF; }  
  
button.image
{ border: none;
  margin:0;
  padding:0;
  background: none;
  cursor: pointer; }

img
{ border: none }

form
{ margin: 0; padding: 0 }

blockquote
{ margin: 0 0 0 30px;
  padding: 10px 0 0 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: #666;
  background: url('images/quotes.gif') no-repeat top left; }

blockquote p
{ margin-top: 0; }

th
{ text-align: left;
  font-weight: bold }

.small
{ font-size:8pt; }

.help
{ font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 8pt; }

/* --( table )-- */
.table_2
{ padding: 5px }

.table_2 td
{ padding: 5px }

.table_2 td.title, .table_2 th
{ color: #666666;
  padding: 5px;
  font-weight: bold  }

.table_2 td.label
{ background: #E0E4F0;
  font-weight: bold }

/* --( list )-- */
.list_1
{ list-style: none;
  padding: 0  }

.list_1 li
{ margin-bottom: 10px; }
  
.list_2
{ list-style: none;
  margin: 0 0 0 5px;
  padding: 0 }

.list_2 li
{ margin-bottom: 3px; }

.list_3
{ list-style: none;
  margin: 0 0 0 5px;
  padding: 0 }

.list_3 li
{ margin-bottom: 5px; }
  
/* --( Comment )-- */
.comment_box
{ width: 550px; 
  margin-bottom: 10px; }

.comment_title
{ font: bold 11pt Arial, Helvetica;
  letter-spacing: 1px; }

.comment_body
{ background: #000000;
  padding: 20px  }

.comment_end
{ background: url('images/which.png') 0 0 no-repeat;
  margin-left: 20px;
  padding: 0 0 10px 50px; }
 

/* --( Pagination )-- */
#pagination 
{ font-size: 9pt;
  margin: 10px 0 10px 0; }

#pagination a 
{ text-decoration: none;
  float:left;
  width: 100% }

#pagination a:hover 
{ color: orange; }

.page-text
{ color: black; }

.page-num
{ text-align: center; }


/* --( button & BBCode )-- */
.button 
{ border: solid 1px #D3D3D3;
  background: #D3D3D3;
  padding: 0;
  margin: 0;
  cursor: pointer;
  cursor: hand; }

.button:hover, .buttonRaised 
{ border: outset 1px;
  background: #D3D3D3;
  padding: 0; 
  margin: 0;
  cursor: pointer;
  cursor: hand; }
 
.button:active, .buttonLowered 
{ border: inset 1px;
  background: #D3D3D3;
  padding: 0; 
  margin: 0;
  cursor: pointer;
  cursor: hand; }

.buttonBlack 
{ border: inset 1px;
  color: #888;
  padding: 0; 
  margin: 0;
  cursor: pointer;
  cursor: hand; }

.code
{ font: 10pt Courier New, Courier;
  width: 90%;
  padding: 3px;
  background: #eee;
  border: solid 1px black }
  

/* --( JQUERY UI SORTABLE )-- */
.column
{ padding-bottom: 100px; }

.portlet
{ margin: 0 1em 1em 0; }

.portlet-header
{ margin: 0.3em;
  padding-bottom: 4px;
  padding-left: 0.2em; }

.portlet-header .ui-icon
{ float: right; }

.portlet-content
{ padding: 0.4em; }

.ui-sortable-placeholder
{ border: 1px dotted black;
  visibility: visible !important;
  height: 50px !important; }

.ui-sortable-placeholder * 
{ visibility: hidden; }

.msgtitle
{ background: url('images/yes.png') no-repeat;
  padding-left: 30px;
  font: 16pt Trebuchet MS;
  height:40px;
  color:#999999; }

.msgtitle2
{ background: url('images/no.png') no-repeat;
  padding-left: 30px;
  font: 16pt Trebuchet MS;
  height:40px;
  color:#999999; }
  
.msgtext
{ color:#cccccc; }

.pixelcart_spacer
{ margin-bottom:30px; }

.pixelcart_formspacer
{ margin-bottom:20px; }

input.search, input.search:focus
{ font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  font-size: 8pt;
  color: #F1F1F1;
  background-color:#767676;
  border: solid 1px #cbcbcb;
  margin:0;
  padding:6px;
  outline:none; }
  
  
/* --( Category thingie )-- */
#content {
	width: 638px;
	padding: 20px;
	background: #eaff95;	
	border: 1px solid #d6ff30;
}

.welcome_rota_title
{ margin: 0;	
  padding: 7px 0 0 0;
  font-size: 16px;
  text-transform: uppercase; }

		div#feature_list {
			width: 750px;
			height: 240px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 320px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding-right: 10px;
			border: none;
			float: left;
			margin: 4px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: none;
		}

		ul#tabs li a.current {
			background:  url('images/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 463px;
			height: 240px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 351px;
			height: 240px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #96ce00;
			color:#000;
		}