﻿
body { margin: 0px auto; }
body, input, td, span, div, input {font-family: Arial Verdana, Geneva, sans-serif; font-size: 12px;}
input { border: 1px solid #CCC; }

img, form {border:0; margin:0; padding:0}

table {
	border-collapse: collapse;
	border-spacing: 0;
} 

a 
{
    color:#000000;
    text-decoration:none;
}
a:hover
{
    text-decoration:underline;
}

a.page_location { color: #66072F; font-weight: bold;}
a.page_location:visited { color: #66072F; font-weight: bold;}

.font_10 
{
    font-size: 10px;
}
.font_11
{
    font-size: 11px;
}
.dotted_bottom
{
    border-bottom:dotted 1px #000000;
}

.marqueeNews {background-image: url(/templates/UBMPSF/en/images/newsbg.jpg); padding-left: 60px; height: 23px; vertical-align: bottom;}
.marqueeNews marquee {padding-top: 5px;}
.marqueeNews a {color: white; }

ul.menu {padding:0px; margin: 0px; list-style: none; height: 40px; background-color: #343434;}
ul.menu li {float: left; padding: 0px; margin: 0px; width: 139px; height: 40px;}
ul.menu li a { text-decoration: none; width: 139px; height: 40px; display: block;}
ul.menu li a span {visibility: hidden;}

.main_table {width: 698px;}
.leftborder1 {width:6px; background-image: url(../images/main/left_up_edge.jpg); background-position:right top; background-repeat: repeat-y;}
.leftborder2 {width:6px; background-image: url(../images/main/left_middle_edge.jpg); background-position:right top; background-repeat: repeat-y;}
.rightborder1 {width:6px; background-image: url(../images/main/right_up_edge.jpg); background-position:left top; background-repeat: repeat-y;}
.rightborder2 {width:6px; background-image: url(../images/main/right_middle_edge.jpg); background-position:left top; background-repeat: repeat-y;}
.bottomborder {height:6px; background-image: url(../images/main/bottom_edge.jpg); background-position:top; background-repeat: repeat-x;}
.top { width: 100%; vertical-align:top;}
.middle { width: 100%; vertical-align:top; padding: 10px;}
.bottom { width: 100%; vertical-align:top; }

.red_mark
{
    color: #FF0000;
}

.page_location { color: #66072F; font-weight: bold;}
.content_div { padding: 5px; }
.content { width: 100%; }
.content .page_title
{
    color: #66072F;
    font-weight: bold;
}
.content .page_title2a
{
    height:55px;
    width:5%;
    background-image: url(../images/main/login_banner2.jpg);
    background-position:center left;
    background-repeat: no-repeat;
}
.content .page_title2b
{
    background-color:#F3F3F3;
    color: #000000;
    font-size:20px;
    font-weight: normal;
    vertical-align: middle;
}
.content .blogger_page_title 
{
    font-size:18px;
    /*font-size: 12px;*/
    color: #66072F;
}
.content .page_content
{
    vertical-align: top;
}
.content .page_content2
{
    vertical-align: top;
    padding: 20px 30px 20px 30px;
}
.content .page_content3
{
    vertical-align: top;
    padding: 10px 0 20px 30px;
}
.content .edit_profile_on 
{
    color:#000000;
    text-decoration:none;
    font-weight:bold;
}
.content .edit_profile_off 
{
    color:#000000;
    text-decoration:none;
    font-weight:normal;
}

.content .login_cola
{
    width:100px;    
    text-align:left;
}
.content .login_colb
{
    width:200px;    
    text-align:left;
}
.content .login_colb .input_box
{
    width:200px;
    text-align:left;
}
.content .login_colc
{
    width:100px;  
    color:#DDDDDD;
    font-size:10px;  
}
.content .login_colc a
{
    color:#DDDDDD;
    text-decoration: none;
}
.content .login_cold
{
    width:150px;    
    text-align:left;
}
.content .login_btn
{
    width:60px;  
}
.content .LoginErrorMessage
{
    color:#FF0000;
    text-align:left;
}

.content .register_form_table_div
{   
    padding:10px;
}
.content .register_form_table
{   
    text-align:left;
}
.content .register_form_table .col_height_space
{   
    height:10px;
}
.content .register_form_table .cola
{
    width:20%;
    vertical-align:top;
}
.content .register_form_table .colb
{
    width:80%;
    vertical-align:top;
}
.content .register_form_table .gray_right_text
{
    font-size:10px;
    color:#797979;    
    text-align:right;
}

.content .register_form_inner_table
{   
    text-align:left;
}

.content .register_form_inner_table .cola
{
    width:25%;
}
.content .register_form_inner_table .colb
{
    width:37%;
}
.content .register_form_inner_table .colc
{
    width:37%;
}
.content .register_form_inner_table .cold
{
    width:50%;
}
.content .register_form_inner_table .cole
{
    width:33%;
}

.content .register_form_table .btn99
{   
    width:99%;
}
.content .register_form_table .btn98
{   
    width:98%;
}
.content .register_form_table .btn95
{   
    width:95%;
}
.content .register_form_table .btn88
{   
    width:88%;
}
.content .register_form_table .btn33
{   
    width:33%;
}
.content .register_form_table .select100
{   
    width:100%;
}
.content .register_form_table .select50
{   
    width:50%;
}
.content .register_form_table .select80
{   
    width:80%;
}


.content .verification_code
{   
    background-color:#F3F3F3;
    text-align:left;
}
.content .verification_code .cola
{
    width:20%;
    text-align:left;
    vertical-align:top;
}
.content .verification_code .colb
{
    width:80%;
    text-align:left;
    vertical-align:top;
}
.content .verification_code .col_bottom
{
    font-size:11px;
    text-align:left;
    color:#837477;
    vertical-align:top;
}

.content .login_content
{
    width:210px;
    height:80px;
    text-align:right;
    float: right;
}
.content .login_content .login_content_color
{
    color: #551631;
}
.content .login_content .login_content_color a
{
    color: #551631;
    text-decoration:none;
}
.content .login_content .login_content_color a:hover
{
    text-decoration:underline;
}


.content .all_month_blog_div
{
    padding: 10px 20px 10px 20px;
}
.content .all_month_blog a
{    
    color: #000000;
    text-decoration: none;
}
.content .all_month_blog .title
{
    color: #66072F;
    font-weight: bold;
}
.content .all_month_blog .year
{
    font-size: 11px;
    width: 40px;
    color: #66072F;
}
.content .all_month_blog .month
{
    font-size: 11px;
    width: 50px;
    text-align: center;
}
.content .all_month_blog .month_line
{
    font-size: 11px;
    width: 3px;
    text-align: center;
}

.content .bottom_line
{   
    height: 5px;
    background-image: url(../images/main/seperator.jpg);
    background-position:center;
}

.content .next_entries
{   
    font-size: 10px;
    text-align: right;
}
.content .next_entries a
{   
    color:#000000;
    text-decoration:none;
}
.content .next_entries a:hover
{   
    text-decoration:underline;
}
.content .back_entries
{   
    font-size: 10px;
    text-align: left;
}
.content .back_entries a
{   
    color:#000000;
    text-decoration:none;
}
.content .back_entries a:hover
{   
    text-decoration:underline;
}

.content .all_blog_cate a
{    
    color: #66072F;
    text-decoration: none;
}
.content .all_blog_cate .title
{
    width: 18%;
    color: #66072F;
    font-weight: bold;
}
.content .all_blog_cate_member a
{    
    color: #000000;
    text-decoration: none;
}
.content .all_blog_cate_member a:hover
{    
    text-decoration: underline;
}
.content .all_blog_cate_member .blog_image
{
    padding: 20px 17px 20px 23px;
    background-image: url(../images/main/pic_flame.jpg);
    background-position:center;
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: middle;
}
.content .all_blog_cate_member .blog_information
{
    width:150px;
    padding: 20px 0px 10px 10px;    
    vertical-align:top;
    font-size:11px;
}
.content .all_blog_cate_member .blog_information2
{
    width:300px;
    padding: 20px 5px 10px 10px;    
    vertical-align:top;
    font-size:11px;
}
.content .all_blog_cate_member .blog_information .name
{
    font-size:12px;
    font-weight:bold;
}
.content .all_blog_cate_member .blog_information2 .name
{
    font-size:12px;
    font-weight:bold;
}
.content .all_blog_cate_member .blog_space
{
}

.content .all_blogger_blog
{    
}

.content .all_blogger_blog .all_blogger_blog_information .col_height
{    
    height: 15px;
}
.content .all_blogger_blog .all_blogger_blog_information .left_width
{    
    width: 3%;
}
.content .all_blogger_blog .all_blogger_blog_information .arrow_width
{    
    width: 5%;
}
.content .all_blogger_blog .all_blogger_blog_information .col_middle
{        
    width: 92%;
}

.content .all_blogger_blog .all_blogger_blog_information a
{    
    color: #000000;
    text-decoration: none;
}
.content .all_blogger_blog .all_blogger_blog_information a:hover
{    

    text-decoration: underline;
}
.content .all_blogger_blog .all_blogger_blog_information .title
{    
    font-size:14px;
    font-weight:bold;
    color: #66072F;
}
.content .all_blogger_blog .all_blogger_blog_information .read_more
{    
    font-size:10px;
    text-align: right;
}

.content .all_blogger_blog_change
{     
    background-color: #DADADA;
}
.content .all_blogger_blog_change .col_height
{    
    height: 5px;
}
.content .all_blogger_blog_change .left_width
{    
    width: 3%;
}
.content .all_blogger_blog_change .arrow_width
{    
    width: 5%;
}
.content .all_blogger_blog_change .col_middle
{        
    width: 92%;
}

.content .all_blogger_blog_change a
{    
    color: #000000;
    text-decoration: none;
}
.content .all_blogger_blog_change a:hover
{    

    text-decoration: underline;
}

.content .blog_reply_box .col_height
{    
    height: 10px;
}
.content .blog_reply_box .left_width
{    
    width: 3%;
}
.content .blog_reply_box .arrow_width
{    
    width: 5%;
}
.content .blog_reply_box .col_middle
{        
    width: 92%;
}

.content .blog_reply_box .blog_reply_box_submit .cola
{   
    width: 20%;
    text-align: left;
    vertical-align: top;
}
.content .blog_reply_box .blog_reply_box_submit .colb
{   
    width: 80%;
    text-align: left;
    vertical-align: top;
}
.content .blog_reply_box .blog_reply_box_submit .input_box
{   
    width: 90%;
}
.content .blog_reply_box .blog_reply_box_submit .textarea_box
{   
    width: 90%;
    height: 100px;
}

.content .blog_reply_box .blog_reply_box_read .top1_bg
{   
    background-image:url(../images/main/pink_upper_left.jpg);
    background-repeat:no-repeat;
    background-position:bottom right;
    height:24px;
}
.content .blog_reply_box .blog_reply_box_read .top2_bg
{   
    background-image:url(../images/main/pink_upper_middle.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
    height:24px;
}
.content .blog_reply_box .blog_reply_box_read .top3_bg
{   
    background-image:url(../images/main/pink_upper_right.jpg);
    background-repeat:no-repeat;
    background-position:bottom left;
    height:24px;
}

.content .blog_reply_box .blog_reply_box_read .left1_bg
{   
    background-image:url(../images/main/pink_middle_left_1.jpg);
    background-repeat:no-repeat;
    background-position:top right;
    height:100px;
}
.content .blog_reply_box .blog_reply_box_read .left2_bg
{   
    background-image:url(../images/main/pink_middle_left_2.jpg);
    background-repeat:repeat-y;
    background-position:top right;
}

.content .blog_reply_box .blog_reply_box_read .right_bg
{   
    background-image:url(../images/main/pink_middle_right.jpg);
    background-repeat:repeat-y;
    background-position:top left;
}

.content .blog_reply_box .blog_reply_box_read .bottom1_bg
{   
    background-image:url(../images/main/pink_bottom_left.jpg);
    background-repeat:no-repeat;
    background-position:top right;
    height:24px;
}
.content .blog_reply_box .blog_reply_box_read .bottom2_bg
{   
    background-image:url(../images/main/pink_bottom_middle.jpg);
    background-repeat:repeat-x;
    background-position:top;
    height:24px;
}
.content .blog_reply_box .blog_reply_box_read .bottom3_bg
{   
    background-image:url(../images/main/pink_bottom_right.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    height:24px;
}

.content .blog_reply_box .blog_reply_box_read .main_bg
{   
    background-color: #F5EcE3;
}
.content .blog_reply_box .blog_reply_box_read .cola1
{   
    width: 10%;
}
.content .blog_reply_box .blog_reply_box_read .cola2
{   
    width: 10%;
}
.content .blog_reply_box .blog_reply_box_read .colb
{   
    width: 73%;
}
.content .blog_reply_box .blog_reply_box_read .colc
{   
    width: 7%;
}
.content .blog_reply_box .blog_reply_box_read .main_content
{   
    padding:5px 0 15px 0;
    height:95px;
}
.content .blog_reply_box .blog_reply_box_read .bottom_content
{   
    padding:5px 0 5px 0;
    font-size: 10px;
}


/************** LightBox ************/

.LightBoxContainer {position: absolute; z-index: 1000; width: 300px; border: 5px solid #DDDDDD;}
.LightBoxContainer td { border: 0px; padding: 0px; margin: 0px; }

.LightBoxContainer .LightBoxHeader {height: 25px; background: #FFFFFF url(../images/LightBox/background.jpg) repeat-x scroll top left; color: #000000;font-weight: bold; cursor: default; }
.LightBoxContainer .LightBoxHeader .title { padding: 5px 0px 5px 5px; }
.LightBoxContainer .LightBoxHeader .closeDiv { padding: 5px 5px 5px 5px; }
.LightBoxContainer .LightBoxHeader .closeDiv  a, .LightBoxContainer .LightBoxHeader .closeDiv  a:active, .LightBoxContainer .LightBoxHeader .closeDiv a:hover{ color: #FFFFFF; }
.LightBoxContainer .innerContent{background: #FFFFFF; border-left: 2px solid #FFFFFF; border-right: 1px solid #FFFFFF; width: 100%; height: 200px; vertical-align: middle; text-align: center; color: #FFFFFF;}
.LightBoxContainer .innerContent .innerContentDiv {margin: 5px; }

/**************** Login ***********/
.LoginLightBox td {color: #000000; vertical-align: top; text-align: left; }

.LoginLightBox .username, .LoginLightBox .password{font-weight: bold; padding-bottom: 10px; text-align: left;}
.LoginLightBox .redirection {font-weight: bold; padding-bottom: 20px; text-align: left;}
.LoginLightBox .username_input, .LoginLightBox .password_input { width: 140px; border: 1px solid #DDDDDD; }
.LoginLightBox .loginError { padding-bottom: 20px; font-weight: bold; color: #FF0000;}
.LoginLightBox .forgotPassword{text-align: right;}
.LoginLightBox a.forgetpwd, .LoginLightBox a:hover.forgetpwd { color: #999999;}
.LoginLightBox .registerNow { float: left; margin-right: 40px; padding: 2px 0px; color: #000000; cursor: pointer;}
.LoginLightBox .loginbtn {float: right; padding: 2px 10px 0px 10px; cursor:pointer; height: 22px; line-height: 20px; background: transparent url(../images/Login/buttonbg.jpg) repeat-x scroll left top;  color: #FFFFFF; margin: 5px 0px 0px 0px;}




.blog_post_box .cola
{   
    width: 120px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}
.blog_post_box .colb
{   
    width: 558px;
    text-align: left;
    vertical-align: top;
}
