@charset "utf-8";
/* CSS Document */

/* ------------------------ */
/*		pagination 			*/
/* ------------------------ */
.page {
	
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#page span {
	background-color: #3B5998;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 10px;
	color: #FFFFFF;
	border: 1px solid #3B5998;
	font-weight: bold;
}
#page a {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 10px;
}
#page a:hover {
	text-decoration: none;
}

.square {
	BORDER: #d1d1d1 1px solid; 
	POSITION: relative; 
	PADDING-BOTTOM: 10px; 
	MARGIN: 6px 0px 12px 0; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 10px;  
	CLEAR: both; 
	WIDTH:30px;
	background: #FFFFFF;
	PADDING-TOP: 10px
}

.square:hover{
	background: #FFFFFF;
} 

#nrn	{
	color: #999999;
	text-decoration: none; 
	font-size: 10px;
	font-style:italic; 


}

.avatar {
    background: url(/images/mpshad.png) no-repeat bottom right !important;
    background: url(/images/mpshad.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
}

.avatar img {
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 0 5px 0;
    padding: 4px;
}

.avatar:hover img {
	border: 1px solid gray;
}

.avatar:active img {
	border: 1px solid black;
}

.rounded {
	BORDER: #d1d1d1 1px solid; 
	POSITION: relative; 
	PADDING-BOTTOM: 10px; 
	MARGIN: 6px 0px 12px 0; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px;  
	CLEAR: both; 

	PADDING-TOP: 10px
}
.rounded:hover{
	background: #EEEEEE;
} 
.rounded:before {
	LINE-HEIGHT: 1px; 
	MARGIN: -11px -11px 0px; 
	DISPLAY: block; 
	BACKGROUND: url(images/corner2.png) no-repeat right top; 
	HEIGHT: 9px; 
	FONT-SIZE: 1px; 
	CONTENT: url(images/corner1.png)
}
.rounded:after {
	LINE-HEIGHT: 1px; 
	MARGIN: 1px -11px -11px;
	DISPLAY: block; 
	BACKGROUND: url(images/corner4.png) no-repeat right bottom; 
	HEIGHT: 9px; 
	FONT-SIZE: 1px; 
	CONTENT: url(images/corner3.png)
}

.rounded_no {
	BORDER-BOTTOM: #d1d1d1 1px solid; 
	POSITION: relative; 
	BORDER-LEFT: #d1d1d1 1px solid; 
	PADDING-BOTTOM: 10px; 
	MARGIN: 12px 0px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px;  
	CLEAR: both; 
	BORDER-TOP: #d1d1d1 1px solid; 
	BORDER-RIGHT: #d1d1d1 1px solid; 
	PADDING-TOP: 10px
}

.rounded_no:before {
	LINE-HEIGHT: 1px; 
	MARGIN: -11px -11px 0px; 
	DISPLAY: block; 
	BACKGROUND: url(images/corner2.png) no-repeat right top; 
	HEIGHT: 9px; 
	FONT-SIZE: 1px; 
	CONTENT: url(images/corner1.png)
}
.rounded_no:after {
	LINE-HEIGHT: 1px; 
	MARGIN: 1px -11px -11px;
	DISPLAY: block; 
	BACKGROUND: url(images/corner4.png) no-repeat right bottom; 
	HEIGHT: 9px; 
	FONT-SIZE: 1px; 
	CONTENT: url(images/corner3.png)
}

#explan	{
	color: #999999;
	text-decoration: none; 
	font-size: 10px; 
	padding: 9px;
	padding-top: 9px;
	padding-bottom: 9px;
}
	
#explan a {
	color: #f7a800;
}

#explan_b	{
	color: #000000;
	text-decoration: none; 
	font-size: 10px; 
	padding: 9px;
	padding-top: 0px;
	padding-bottom: 9px;
	height: 140px;
	margin-top:-10px;
}

#icons {
	position: absolute; 
    bottom: 6px; 
	left: 4px; 
}
	
#explan_b a {
	color: #387FA3;
}

#explan_c	{
	color: #000000;
	text-decoration: none; 
	font-size: 10px; 
	padding: 9px;
	padding-top: 0px;
	padding-bottom: 9px;
	height: 400px;
	margin-top:-10px;
}

#explan_l	{
	color: #000000;
	text-decoration: none; 
	font-size: 10px; 
	padding: 9px;
	padding-top: 0px;
	padding-bottom: 9px;
}
	
#explan_l a {
	color: #387FA3;
}

td.border {
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-top: 3px;
}

#breadcrumber	{
	color: #D52022;
	text-decoration: none; 
	font-size: 12px; 
	padding-bottom: 10px;
	padding-top: 10px;

}
	
#breadcrumber a {
	color: #000000;
}
img.prize {
	float: right;
	MARGIN: -15px -25px -0px;
}

	.rounded_show {
	BORDER: #d1d1d1 1px solid; 
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	POSITION: relative; 
	PADDING-BOTTOM: 10px; 
	MARGIN: 6px 0px 12px 0; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px;  
	CLEAR: both;
	width: 165px;
	PADDING-TOP: 10px;
	background: #EEEEEE;
}

.rounded_show:hover{
	background: #EEEEEE;
} 

.search {
	  width: 120px !important;
	  float:none  !important;
}
.find {
	  width: 120px !important;
	  float:none  !important;
}
img.soft_icon{
	  opacity:0.3;
	}
	
.select_add {
    float: left;
    width: 140px;
}

/* Front Preview
*/

.front { 
   position: relative; 
   float:left;
   width: 100%; /* for IE 6 */
}

.front h6 { 
   position: absolute; 
   top: 80px; 
   left: 0; 
   width: 100%; 
}

.front h6 span { 
   color: white; 
   font: bold 13px/26px Arial, Helvetica, sans-serif; 
 
   background: rgb(0, 0, 0, 0.5); /* fallback color */
   background: rgba(0, 0, 0, 0.5);
   padding: 10px; 
}

/* New Stuff for Masonary */

.icons {
	position: relative !important;	
	width: 175px;
	margin-left: -3px;
}

.icons img {
	
	 opacity: 1;
}
a.single {
	color: #333333 !important;	
	font-size: 11px !important;	
}

.item {
    float: left;
  	background: #FEFEFE;
	border: 2px solid #FAFAFA;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	margin-top: 15px;
	margin-left:10px;
	 width: 170px;
}

.item img {
	margin-bottom: 5px;
}

.item  a {
	font-size: 11px !important;	
}

.item  p {
	padding-left:5px;
	font-size: 11px !important;	
		padding-right:5px;
}

a.single {
	color: #333333 !important;	
	font-size: 11px !important;	
}

img.prize {
    float: right;
    margin: 0 !important;	
}

.member {
	 width: 300px;
}

.member_no {
	 width: 170px;
}
#crumbs {
   background: -moz-linear-gradient(center top , #FEFEFE 0%, #F2F3F2 100%) repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    color: #D2232A;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: -4px 0 1em -1px;
    width: 100%;
}

#page a {
    border: 1px solid #DCDCDC;
    color: #D2232A;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;
}


#page span {
    background-color: #D2232A;
    border: 1px solid #D2232A;
    color: #FFFFFF;
    font-weight: bold;
    margin: 2px;
    padding: 2px 5px;
}
.square_rows {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D1D1D1;
    clear: both;
    color: #387FA3;
    display: inline;
    font-size: 16px;
    font-weight: bold;
    height: 20px;
    margin: 3px;
    padding: 2px;
    position: static;
    width: 20px;
}
.square_rows:hover {
    background: none repeat scroll 0 0 #FFFFFF;
}

#infscr-loading {
    background: none repeat scroll 0 0 #000000;
    border-radius: 10px 10px 10px 10px;
    bottom: 40px;
    color: #FFFFFF;
    left: 45%;
    opacity: 0.8;
    padding: 10px;
    position: fixed;
    text-align: center;
    width: 200px;
    z-index: 100;
}

#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: -150px;
}

#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(/images/up-arrow.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}