/* UI_Gallery */
.UI_Gallery {}
.UI_Gallery a.UI_Gallery_Elem {
	float:left;
	border:1px solid #CCC;
	padding:5px;
	margin:0 22px 22px 0;
}
.UI_Gallery a.UI_Gallery_Elem:hover {
	border-color:#666;
}
.UI_Gallery a.UI_Gallery_Elem img {
	border:0;
}
/* / UI_Gallery */

.UI_Block {
	margin-bottom:25px;
}

.UI_Title_BorderGreen {
	background:url(../m/Title_BorderGreen.png) no-repeat top left;
	float:left;
	font-size:15px;
	line-height:50px;
	margin-bottom:-10px;
	margin-left:20px;
	padding:15px 0 7px 20px;
	width:280px;
}


/* UI_Gallery */
.UI_Gallery {}
.UI_Gallery a.UI_Gallery_Elem {
	float:left;
	border:1px solid #CCC;
	padding:5px;
	margin:0 22px 22px 0;
}
.UI_Gallery a.UI_Gallery_Elem:hover {
	border-color:#666;
}
.UI_Gallery a.UI_Gallery_Elem img {
	border:0;
}
/* / UI_Gallery */

/* UI_Title_Picture */
.UI_Title_Picture {
	position:absolute;
	left:43%;
	top:-12px;
	z-index:10;
}
.UI_Title_Picture.default {
	/*background:url(../m/UI_Title_Picture/default.png) no-repeat top left;
	height:58px; width:68px;*/	
}
.UI_Title_Picture.profile {
	background:url(../m/UI_Title_Picture/profile.png) no-repeat top left;
	height:58px; width:68px;	
}
.UI_Title_Picture.book {
	background:url(../m/UI_Title_Picture/book.png) no-repeat top left;
	height:58px; width:61px;	
}
.UI_Title_Picture.fun {
	background:url(../m/UI_Title_Picture/fun.png) no-repeat top left;
	height:61px; width:59px;	
}
.UI_Title_Picture.news {
	background:url(../m/UI_Title_Picture/news.png) no-repeat top left;
	height:58px; width:61px;	
}
.UI_Title_Picture.wall {
	background:url(../m/UI_Title_Picture/wall.png) no-repeat top left;
	height:58px; width:61px;	
}
.UI_Title_Picture.wwf {
	background:url(../m/UI_Title_Picture/wwf.png) no-repeat top left;
	height:58px; width:61px;	
}
.UI_Title_Picture.erutan {
	background:url(../m/UI_Title_Picture/erutan.png) no-repeat top left;
	height:58px; width:61px;	
}
/* / UI_Title_Picture */

.UI_LineBreak {
	background:transparent url(../m/UI_LineBreak.png) repeat-x scroll left bottom;
	height:4px;
	margin:5px 0;
}

/* UI_BreadCrump */
.UI_BreadCrump {
	float:right;
	background:url(../m/UI_BreadCrump_Bg.png) repeat-x bottom right;
	margin-right:5px;
	padding-bottom:4px;
	padding-top:13px;
	text-align:right;
	max-width:370px;
}
.UI_BreadCrump li {
	display:inline;
}
.UI_BreadCrump li a {
	color:#3E230C;
	font-size:13px;
	text-decoration:none;
}
.UI_BreadCrump li a:hover {
	text-decoration:underline;
}

/* UI_Survey */
.UI_Survey {
	-moz-border-radius:7px;
	-o-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	background:url(../m/Opacity/Opacity_0.5.png) repeat top left;
	padding:8px;
	text-align:left;
	margin:5px 0 0;
}
.UI_Survey .UI_Title {
	font-size:14px;
	color:#000;
	font-weight:bold;
	margin-bottom:5px;
}
.UI_Survey table {
	width:100%;
	margin-bottom:5px;
	font-size:12px;
}
.UI_Survey table td {
	text-align:left;
}
.UI_Survey table td.input {
	padding-right:5px;
	width:15px;
}
.UI_Survey .button {
	width:40px;
	margin:0 auto;
	display:block;
}

/* - - - - - - - - - - - - - UI_Input - - - - - - - - - - - - - */
.UI_Input {}

.UI_Input.UI_Input_Text { display:inline-block; }
.UI_Input.UI_Input_Text .UI_Left,
.UI_Input.UI_Input_Text .UI_Right,
.UI_Input.UI_Input_Text .UI_Content {
	background:url(../m/UI_Input/UI_Input_Text/UI_Input_Text_Sprite.png);
}
.UI_Input.UI_Input_Text .UI_Left {
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:4px !important;
}
.UI_Input.UI_Input_Text .UI_Right {
	background-position:right -30px;
	background-repeat:no-repeat;
	padding-right:4px !important;
}
.UI_Input.UI_Input_Text .UI_Content {
	background-position:left -60px;
	background-repeat:repeat-x;
	height:30px;
}
.UI_Input.UI_Input_Text input {
	background:#F9F9F9;
	border:medium none;
	color:#000;
	font-size:13px;
	height:21px;
	margin-top:3px;
	padding-top:5px;
	width:100%;
}
.UI_Input.UI_Input_Text.error input {
	color:#F00;
}
.UI_Input.UI_Input_Text input.defaultValue {
	color:#999999;
}

/* - - - - - - - - - - - - - UI_ListView - - - - - - - - - - - - - */
.UI_ListView {}
.UI_ListView .UI_ListView_Elem {
	margin-bottom:20px;
	width:100%;
}
.UI_ListView.UI_ListView_Board .UI_ListView_Elem td.UI_ListView_Elem_Picture {
	padding-right:15px;
}
.UI_ListView .UI_ListView_Elem td.UI_ListView_Elem_Picture {
	width:1px;
	vertical-align:top;
	text-align: center;
}
.UI_ListView .UI_ListView_Elem .UI_ListView_Elem_Picture:hover {
	border-color:#999;
}
.UI_ListView .UI_ListView_Elem .UI_ListView_Elem_Picture a {
	display:block;
	margin-right:15px;
}
.UI_ListView .UI_ListView_Elem .UI_ListView_Elem_Picture img {
	margin:5px;  
	border: 1px solid #ccc;
    padding: 7px;
}
.UI_ListView .UI_ListView_Elem td.UI_ListView_Elem_Content {
	vertical-align:top;
}
.UI_ListView .UI_ListView_Elem td.UI_ListView_Elem_Content .news_image {
	float: left;
	margin: 0 10px 10px 0;
}
.UI_ListView.UI_ListView_Board .UI_ListView_Elem .UI_ListView_Elem_Content .date {
	float:right;
}
.UI_ListView .UI_ListView_Elem .UI_ListView_Elem_Content .date {
	font-style:italic;
	color:#666;
	font-size:12px;
}
.UI_ListView.UI_ListView_Board .UI_ListView_Elem .UI_ListView_Elem_Content .title {
	margin-bottom:5px;
}
.UI_ListView .UI_ListView_Elem .UI_ListView_Elem_Content .title {}
.UI_ListView .UI_ListView_Elem .UI_ListView_Elem_Content .title,
.UI_ListView .UI_ListView_Elem .UI_ListView_Elem_Content .title a {
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
.UI_ListView .UI_ListView_Elem .UI_ListView_Elem_Content .title a:hover {
	text-decoration:underline;
}
.UI_ListView .UI_ListView_Elem .UI_ListView_Elem_Content .summury {
	font-size:12px;
	color:#666;
	margin-bottom:10px;
}
.UI_ListView .UI_ListView_Elem .UI_ListView_Elem_Content .button {}


/* - - - - - - - - - - - - - UI_FullBox - - - - - - - - - - - - - */

/* BEGIN: UI_FullBox_LightGreen */
.UI_FullBox.UI_FullBox_LightGreen .UI_Content {background:#CFF7C3;}
.UI_FullBox.UI_FullBox_LightGreen .UI_Middle 
{background:url(../m/UI_FullBox/UI_FullBox_LightGreen/UI_FullBox_LightGreen_TopBottom.png) top left repeat-x;}
.UI_FullBox.UI_FullBox_LightGreen .UI_Top .UI_Left, .UI_FullBox.UI_FullBox_LightGreen .UI_Top .UI_Right,
.UI_FullBox.UI_FullBox_LightGreen .UI_Bottom .UI_Left, .UI_FullBox.UI_FullBox_LightGreen .UI_Bottom .UI_Right 
{background:url(../m/UI_FullBox/UI_FullBox_LightGreen/UI_FullBox_LightGreen_Corners.png) top left;}
.UI_FullBox.UI_FullBox_LightGreen .UI_Top .UI_Left {background-position:top left;}
.UI_FullBox.UI_FullBox_LightGreen .UI_Top .UI_Middle {background-position:top left;}
.UI_FullBox.UI_FullBox_LightGreen .UI_Top .UI_Right {background-position:top right;}

.UI_FullBox.UI_FullBox_LightGreen .UI_Bottom .UI_Left {background-position:bottom left;}
.UI_FullBox.UI_FullBox_LightGreen .UI_Bottom .UI_Middle {background-position:bottom left;}
.UI_FullBox.UI_FullBox_LightGreen .UI_Bottom .UI_Right {background-position:bottom right;}

.UI_FullBox.UI_FullBox_LightGreen .UI_Container .UI_Left 
{background:url(../m/UI_FullBox/UI_FullBox_LightGreen/UI_FullBox_LightGreen_LeftRight.png) top left repeat-y;}
.UI_FullBox.UI_FullBox_LightGreen .UI_Container .UI_Right 
{background:url(../m/UI_FullBox/UI_FullBox_LightGreen/UI_FullBox_LightGreen_LeftRight.png) top right repeat-y;}
/* END: UI_FullBox_LightGreen */


/* BEGIN: UI_FullBox_BorderGreen */
.UI_Bottom_BorderGreen {
	background:url(../m/UI_FullBox/UI_FullBox_BorderGreen/UI_FullBox_BorderGreen_BottomFlowers.png) no-repeat top left;
	float:right;
	height:67px;
	margin-right:15px;
	margin-top:-22px;
	width:185px;
	z-index:1;
}
.UI_FullBox.UI_FullBox_BorderGreen {
	margin-bottom:20px;
	z-index:10;
}
.UI_FullBox.UI_FullBox_BorderGreen > .UI_Container > .UI_Left > .UI_Right > .UI_Content {
	color:#000;
}
.UI_FullBox.UI_FullBox_BorderGreen.UI_WidthLeftPadding > .UI_Container > .UI_Left > .UI_Right > .UI_Content {
	padding:20px 15px 5px 20px;
}
.UI_FullBox.UI_FullBox_BorderGreen .UI_Top .UI_Left, .UI_FullBox.UI_FullBox_BorderGreen .UI_Top .UI_Right,
.UI_FullBox.UI_FullBox_BorderGreen .UI_Bottom .UI_Left, .UI_FullBox.UI_FullBox_BorderGreen .UI_Bottom .UI_Right  {
	background:url(../m/UI_FullBox/UI_FullBox_BorderGreen/UI_FullBox_BorderGreen_Corners.png) top left;
	height:13px;
	width:13px;
}
.UI_FullBox.UI_FullBox_BorderGreen .UI_Top .UI_Middle,
.UI_FullBox.UI_FullBox_BorderGreen .UI_Bottom .UI_Middle {
	background:url(../m/UI_FullBox/UI_FullBox_BorderGreen/UI_FullBox_BorderGreen_TopBottom.png) repeat-x;
	height:13px; left:13px; right:13px;
}

.UI_FullBox.UI_FullBox_BorderGreen .UI_Top .UI_Left {background-position:top left;}
.UI_FullBox.UI_FullBox_BorderGreen .UI_Top .UI_Right {background-position:top right;}

.UI_FullBox.UI_FullBox_BorderGreen .UI_Bottom .UI_Left {background-position:bottom left;}
.UI_FullBox.UI_FullBox_BorderGreen .UI_Bottom .UI_Right {background-position:bottom right;}

.UI_FullBox.UI_FullBox_BorderGreen > .UI_Container > .UI_Left { 
	padding-left:13px;
	background:url(../m/UI_FullBox/UI_FullBox_BorderGreen/UI_FullBox_BorderGreen_Left.png) repeat-y;
}
.UI_FullBox.UI_FullBox_BorderGreen > .UI_Container > .UI_Left > .UI_Right { 
	padding-right:13px;
	background:url(../m/UI_FullBox/UI_FullBox_BorderGreen/UI_FullBox_BorderGreen_Right.png) repeat-y top right;
}

.UI_FullBox.UI_FullBox_BorderGreen .UI_Top , .UI_FullBox.UI_FullBox_BorderGreen .UI_Bottom {
	height:13px;
}
/* END: UI_FullBox_BorderGreen */



/* - - - - - - - - - - - - - UI_WidthBox - - - - - - - - - - - - - */

/* BEGIN: UI_WidthBox_LightGreen */
.UI_WidthBox.UI_WidthBox_LightGreen {
	width:210px;
}
.UI_WidthBox.UI_WidthBox_LightGreen > .UI_Content {
	background:url(../m/UI_WidthBox/UI_WidthBox_LightGreen/UI_WidthBox_LightGreen_Content.png) repeat-y top left;
	padding:0 5px;
}
.UI_WidthBox.UI_WidthBox_LightGreen .UI_Top , .UI_WidthBox.UI_WidthBox_LightGreen .UI_Bottom {
	background:url(../m/UI_WidthBox/UI_WidthBox_LightGreen/UI_WidthBox_LightGreen_TopBottom.png) no-repeat top left;
	height:8px;
}
/* END: UI_WidthBox_LightGreen */



/* BEGIN: UI_WidthBox_WoodBoard */
.UI_WidthBox.UI_WidthBox_WoodBoard {
	width:177px;
}
.UI_WidthBox.UI_WidthBox_WoodBoard > .UI_Content {
	background:url(../m/UI_WidthBox/UI_WidthBox_WoodBoard/UI_WidthBox_WoodBoard_Content.png) repeat-y top left;
	padding:0 5px;
}
.UI_WidthBox.UI_WidthBox_WoodBoard .UI_Top , .UI_WidthBox.UI_WidthBox_WoodBoard .UI_Bottom {
	background:url(../m/UI_WidthBox/UI_WidthBox_WoodBoard/UI_WidthBox_WoodBoard_TopBottom.png) no-repeat top left;
	height:16px;
}
/* END: UI_WidthBox_WoodBoard */



/* - - - - - - - - - - - - - UI_Button - - - - - - - - - - - - - */

/* BEGIN: UI_Button_Orange */
.UI_Button_Orange { display:inline-block; }
.UI_Button_Orange a {
	font-size:14px;
	text-decoration:none;
	text-align:center;
	outline:none;
	color:#000;
	text-shadow:1px 1px #F1F1F1;
	padding:0 10px;
	margin:0 -5px;
	display:block;
	height:100%;
}
.UI_Button_Orange a:hover {
	text-decoration:none;
	color:#333;
	text-shadow:1px 1px #FFF;
}

.UI_Button_Orange .cufon {
	margin-top:10px;
}

.UI_Button_Orange .UI_Left, .UI_Button_Orange .UI_Right, .UI_Button_Orange .UI_Content {
	background:url(../m/UI_Button/UI_Button_Orange/UI_Button_Orange_Sprite.png) no-repeat top left;
}

.UI_Button_Orange .UI_Left {
	background-position:top left; 
	padding-left:5px !important;
}
.UI_Button_Orange .UI_Right {
	background-position:right -32px;
	padding-right:5px !important;
}
.UI_Button_Orange .UI_Content {
	height:32px;
	line-height:32px;
	background-position:left -64px;
	background-repeat:repeat-x;
}
.UI_Button_Orange:hover .UI_Left {
	background-position:left -96px;
}
.UI_Button_Orange:hover .UI_Right {
	background-position:right -128px;
}
.UI_Button_Orange:hover .UI_Content {
	background-position:left bottom;
}
/* END: UI_Button_Orange */

/* BEGIN: UI_Button_FuzzyGreen */
.UI_Button_FuzzyGreen { margin:20px 0 10px; }
.UI_Button_FuzzyGreen a {
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	outline:none;
	padding:0 5px;
}

.UI_Button_FuzzyGreen .cufon {
	margin-top:10px;
}

.UI_Button_FuzzyGreen .UI_Left, .UI_Button_FuzzyGreen .UI_Right, .UI_Button_FuzzyGreen .UI_Content {
	background:url(../m/UI_Button/UI_Button_FuzzyGreen/UI_Button_FuzzyGreen_Sprite.png) no-repeat top left;
}

.UI_Button_FuzzyGreen .UI_Left {
	background-position:top left; 
	padding-left:21px !important;
}
.UI_Button_FuzzyGreen .UI_Right {
	background-position:right -36px;
	padding-right:21px !important;
}
.UI_Button_FuzzyGreen .UI_Content {
	height:36px;
	line-height:36px;
	background-position:left bottom;
	background-repeat:repeat-x;
}
/* END: UI_Button_FuzzyGreen */