/*------------------------------------*\
  Genetal Styles
\*------------------------------------*/
body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFF;
}
a:active, a:link, a:visited{ text-decoration:none;}
/*------------------------------------*\
  Send Article Form styles
\*------------------------------------*/
.fieldset {
	border:0px;
}
.fieldset .nobr {
	display:none;
	border:0px;
}
.fieldset .textfield {
	margin-bottom:3px;
	padding-left:10px;
	height:20px;
	width:200px;
	border:solid 0 #fff;
	background: transparent url("../images/form/textfield_bg.gif") no-repeat;
}
.fieldset .textarea {
	margin-bottom:3px;
	height:165px;
	width:350px;
	border:solid 0 #fff;
	background: transparent url("../images/form/textarea_bg.gif") no-repeat;
}
/*------------------------------------*\
  PHOTO GALLERY ITEMS
\*------------------------------------*/
.photos {
	width: 100%; /* The photos should be the entire width of it's surrounding object, in this case the whole page */
	height:100%;
	border:0px;
	margin:2px;
}
.photos ul {
	margin: 0;
	padding: 0px;
	;
	float: left;
}
.photos ul li {
	margin:0px;
	padding:0px;
	border:0px;
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
}

/*------------------------------------*\
  ERROR, WARNING AND INFO
\*------------------------------------*/
.info, .warning, .error{
	margin:5px auto;
	padding:10px;
	display:block;
	width:90%;
	height: auto;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:17px;
	text-align:center;
	line-height:27px;
}
.error{
	background:#FFE1E1;
	border:5px solid #FF9797;
	color:#FF0000;
}
.warning{
	background: #FFFFCA;
	border:5px solid #FFCC66;
	color: #FF9900;
}
.info{
	background:#C7DFFC;
	border:5px solid #52A8FE;
	color:#36f;
}

/*------------------------------------*\
  PLAYER STYLES
\*------------------------------------*/

.player_title {
	font-family: Calibri;
	font-size: 17px;
	font-weight: bold;
	color:  #00F;
}
.player_footer{
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.empty{
	font-size:10px;
	font-weight:bold;
	color: #990000;
}
.label{
	font-size:12px;
	font-weight:bold;
	color: #000;
}
/*------------------------------------*\
	Table Styles 
\*------------------------------------*/
#tabel-rounded-corner {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 5px 5px 5px 10px;
	width: 560px;
	text-align: left;
	border-collapse: collapse;
	line-height: 1.6em;
}
#tabel-rounded-corner thead th.rounded-company {
	background: #b9c9fe url('../images/table-images/left.png') left -1px no-repeat;
}
#tabel-rounded-corner thead th.rounded-q4 {
	background: #b9c9fe url('../images/table-images/right.png') right -1px no-repeat;
}
#tabel-rounded-corner th {
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#tabel-rounded-corner td {
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#tabel-rounded-corner tfoot td.rounded-foot-left {
	background: #e8edff url('../images/table-images/botleft.png') left bottom no-repeat;
}
#tabel-rounded-corner tfoot td.rounded-foot-right {
	background: #e8edff url('../images/table-images/botright.png') right bottom no-repeat;
}
#tabel-rounded-corner tbody tr:hover td {
	background: #d0dafd;
}

#tabel-rounded-corner a{
	text-decoration:none;
	color:#669;
}
/*------------------------------------*\
	Pagination Styles 
\*------------------------------------*/
.paginate{
	width: auto;
	margin:10px auto;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 10px;
	padding: 0px;
	font-weight:bold;
}
.paginate .wrapper{
	width:500px;
	margin:0px auto;
	border: 1px solid #C6C7C7;
	background-color: white;
	padding:20px 0px 0px 0px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-transform:uppercase;
}
.paginate select{
	font-size: 10px;
	text-decoration: none;
	color: #000000;
	border: 1px solid #83A0C1;
	padding: 3px 5px 3px 5px;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
/* Pagination Link */
.paginate a {
	font-size: 10px;
	text-decoration: none;
	color: #000000;
	border: 1px solid #83A0C1;
	padding: 5px 10px 5px 10px;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.paginate a:hover {
	font-size: 10px;
	text-decoration: none;
	color: #fff;
	border: 1px solid #000000;
	background: #0099FF;
	padding: 5px 10px 5px 10px;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* Pagination Current Page */

.paginate span.current {
	font-size: 10px;
	text-decoration: none;
	color: #fff;
	border: 1px solid #83A0C1;
	background: #0099FF;
	padding: 5px 10px 5px 10px;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* Pagination Disabled Page */

.paginate span.inactive {
	font-size: 10px;
	text-decoration: none;
	color: #C6C7C7;
	border: 1px solid #C6C7C7;
	background-color: white;
	padding: 5px 10px 5px 10px;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.paginate .pagination-menu{
	width:250px;
	margin:15px auto;
	border: 1px solid #C6C7C7;
	background-color: white;
	padding: 0px;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-transform:uppercase;
	font-weight:bold;
}
.paginate .pagination-menu .pages{
	margin:5px 0px -5px 0px;
	font-size:12px;
	color:#000;
}
/*------------------------------------*\
	Archive Styles 
\*------------------------------------*/
.clr{ clear:both;}
.page_content_listing{
	min-height:110px;
	
}
.page_content_listing a{
	text-decoration:none;
}
.page_content_listing a:hover{
	text-decoration:underline;
	color:#0000FF;
}
.page_content_listing .title{
	font-weight:bold;
	font-size:14px;
	color:#0099CC;
	height:auto;
}
.page_content_listing img{
	float:left;
	width:120px;
	height:100px;
	margin-right:5px;
	padding:2px;
	border:1px solid #CCCCCC;
}

