/**
 * Tools:
 *   - easy clearing method
 *   - replace (useful for screen readers)
 *   - accessibility (useful for screen readers)
 *
 * @package    themes
 * @subpackage default2
 */

/* clearing */
.stretch,
.clear {
    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { /* make method ie7 compatible */
    #display: inline-block;
}
* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%;
    display: block; /* restore block display for ie6 */
    /* End hide from IE-mac */
}
/* end clearing */


/* replace */
.replace {
    display: block;

    background-repeat: no-repeat;
    background-position: left top;
    background-color: transparent;
}
/* tidy these up */
.replace * {
    text-indent: -10000px;
    display: block;

    background-repeat: no-repeat;
    background-position: left top;
    background-color: transparent;
}
    .replace a {
        text-indent: 0;
    }
        .replace a span {
            text-indent: -10000px;
        }
/* end replace */


/* accessibility */
span.accesskey {
    text-decoration: none;
}
.accessibility {
    position: absolute;
    top: -9999em;
    left: -9999em;
}
/* end accessibility */


/* hide */
.hide {
    display: none;
}fieldset.form {
	border:1px #ababab solid;
	margin-bottom:1em;
	background:#f9f9f9;
}
.form fieldset{
	margin-bottom: 1.2em;
}
/*----------------- Form no tab ---------------------*/

div #frame {
	background:#f9f9f9;
	border:1px #ababab solid;
	margin-bottom:1em;
	margin-top:-5px;
	color:#000000;
	width:80%;
	text-align:center;
}	

fieldset.singleBlock {
    padding:10px 0 0 0;
}
fieldset.noLegend {
    padding-top: 0;
}
fieldset.lastChild {
    margin-top: 0;
	margin-bottom: 0;
    padding-bottom: 0;
}
fieldset.lastChild p {
    margin-top: 0;
    padding-top: 0; 
	color:#000000; 
}
    fieldset legend {
		color:#FFFFFF;
		margin-bottom:0.8em;
		#margin-left: -8px;
		padding:0.3em;
		width:710px;
    }
/*fieldset*/ 
div.title {
		color:#a0a0a0;
		background:#efeeee;
		padding:7px;
		border-bottom:1px #ffffff solid;
		font-weight: bold;
    }

/* Form elements */
input.text, select, textarea {
    border-width: 1px;
    border-style: solid;
    border-color: #7c7c7c #c3c3c3 #ddd #c3c3c3;
    width: 170px;
    /* padding: 2px;*/
    background: #fff url(themes/rvtheme/images/bg/form_input_m.gif) repeat-x left top;
    font-size: 14px;
    color: #666;
    font-family:Arial,sans-serif;
}
textarea {
    height: 6em;
}
label {
    color: #000000;
}
/* Ordered list for displaying form elements */
form fieldset ol {
    margin: 0;
    list-style: none;
    line-height: 1em;
	padding-left: 10px;
}
    form fieldset ol li {
        clear: left;
        margin: 0;
        padding-bottom: 0.6em;
        padding-left: 160px;
        <?php if ($isFormSubmitted) { echo "#margin-bottom: 0.6em; /* fix MSIE behaviour on submit */"; } ?>
    }
        form fieldset ol li div {
            <?php if ($isFormSubmitted) { echo "#float: left; /* fix MSIE behaviour on submit */"; } ?>
            #display: inline; /* fix MSIE */
            margin-bottom: 0;
        }
        form fieldset ol li label {
            float: left;
            margin-left: -160px;
            width: 140px;
            text-align: right;
        }
        form fieldset ol li p { /* field comments */
            margin-top: 0.2em;
            margin-bottom: 0;
            font-size: 0.9em;
        }
        form fieldset ol li p.error { /* field error */
            margin-top: 0;
            margin-bottom: 0.3em;
            color: #dc0000;
        }


/* Fields on top */
form fieldset ol.onTop {
}
    form fieldset ol.onTop li {
        clear: none;
        padding-left: 0;
        <?php if ($isFormSubmitted) { echo "#margin-bottom: 0; /* restore behaviour */"; } ?>
    }
        <?php if ($isFormSubmitted) { echo "form fieldset ol.onTop li div {  /* restore behaviour */ #float: none; }"; } ?>

        form fieldset ol.onTop li label {
            float: none;
            display: block;
            margin-left: 0;
            margin-bottom: 0.2em;
            width: auto;
            text-align: left;
        }


/* Additional */
form em {
    font-style: normal;
    color: #dc0000;
}
form div,
form p {
   /*  margin-bottom: 1em; */  /* compo  */
	color:#000000;
}
form .fieldIndent {
    margin-left: 160px;
}
	form .fieldIndent a {
			color:#606060;
			text-decoration: underline;
		}		

	form .fieldIndent a:hover {
		color: #9f9e9e;
		text-decoration: underline;
	}
		

/* No forms layout */
div.fieldsetlike {
	margin-bottom:1em;
	background:#f9f9f9;
}
    div.fieldsetlike h3 {
        margin-bottom: 0.6em;
        font-weight: bold;
        font-size: 1.1em;
        line-height: 1.1em;
        color: #000000;
    }
    div.fieldsetlike dl {
		padding-top:5px;
        margin-left: 380px;
        margin-bottom: 0;
        line-height: 1em;
    }
        div.fieldsetlike dl dt {
            float: left;
            display: inline;

            overflow: hidden; /* one row label only */
            height: 1.2em;

            margin-left: -160px;
            width: 140px;
            text-align: right;
            font-weight: normal;
            color: #000000;
        }
        div.fieldsetlike dl dd {
            margin-left: 0;
            margin-bottom: 0.4em;

            min-height: 1.2em;
            _height: 1.2em; /* min height for ie6 */

            padding-bottom: 0.2em; /* fix MSIE bug */
            color: #000000;
        }
		div.fieldsetlike a {
			color:#606060;
			text-decoration: underline;
		}		

		div.fieldsetlike a:hover {
			color: #9f9e9e;
			text-decoration: underline;
		}
		
p#require {
	background:#D6D6D6;
	color:#000000;
	text-align:left;
	padding:1.5em 1em 1.5em 1em;
	margin:0em;
	font-size:0.9em;
	border-top:1px solid #ababab;
	vertical-align:middle;
}			
p#require em {
	color:#ff1f1f;
}
p.bottomForm {
	padding:1em 0 0 0;
	text-align:center;
}	
		 
a.button, a.button:hover {
  background-color:#D4D0C8;
  background-position:top;
  padding: 3px 10px 3px 10px;
  border-top: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
  border-bottom: 2px solid #808080;
  border-right: 2px solid #808080;
  color:#000000;
  text-decoration: none; 
  font-size: 1em;   
}

a.button:active {
  background-color:#D4D0C8;
  background-position:bottom;
  padding: 3px 10px 3px 10px;
  border-top: 2px solid #808080;
  border-left: 2px solid #808080;
  border-bottom: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  color: #000000;
  text-decoration: none; 
  font-size: 1em;   
}	

div#bottomLine {
	background:#000000;
	color:#000000;
	text-align:left;
	padding:1.5em 1em 0.5em 1em;
	margin:0em;
	font-size:0.9em;
	border-top:1px solid #ababab;
	vertical-align:middle;
}
/* END no forms layout */


/* START RVS Block */

#RVS_Block{
	font-weight: normal;
	color:#000000;
}
#RVS_Block .rvs_border {	
	border:1px solid #ababab;
	background:#f9f9f9;
}
.rvs_h1 {	
	color:#000000;
	background:#D6D6D6;
	padding:1px;
	border-bottom:1px #ababab solid;
	font-weight: bold; 
	font-size:12px;
}
#RVS_Block .rvs_h1 div {	
	color:#000000;
	background:#D6D6D6;
	padding:7px 7px 0 7px;
	font-weight: bold;
}
#RVS_Block .rvs_Title {	
	color:#000000;
	font-weight: bold;
	text-align:right;
	padding:3px;
}
#RVS_Block .rvs_pad {	
	padding:3px 0;
}
#RVS_Block a:link, #RVS_Block a:visited, #RVS_Block a:active {	
	color:#606060;
	font-weight: normal;
	text-decoration: underline;
}
#RVS_Block a:hover {	
	color: #9f9e9e;
	font-weight: normal;
	text-decoration: underline;
}
#RVS_Block em {
	color:#ff1f1f;
}
#RVS_Block .rvs_infoMessage {
	color:#2baa00;
	margin:25px 10px;
	font-size:14px;
	padding-left:10px;
}
#RVS_Block .rvs_errorMessage {
	color:#ff1f1f;
	padding:0;
}
#RVS_Block .txtcolor {
	color: #000000;
}
#RVS_Block .error{
	color: #FF0000;
}
.Newspad{margin:15px;}
.Newscenter{ text-align:center;}
/* END RVS Block */

/*Start RVS User login Responsive*/



/*End RVS User login Responsive*/

/******** Hidden block login **********/
#RVS_hideblock {
    display:none!important;
}html { /* inforces screen to show scrollbar */

}
body {
    margin:0;
	padding:0;
}

/* Header */
div#header {
}
    div#header h1 {
        position: absolute;
        top: 7px;
        padding-top: 20px;
        background: url(themes/rvtheme/images/logo.gif) no-repeat left top;

        font-size: 30px;
        font-family: "Trebuchet MS";
    }
        div#header h1 a {
            background-color: transparent;
            text-decoration: none;
            color: #fff;

            display: block;
            width: 305px;
            height: 40px;
        }
            div#header h1 a span {
                display: block;
                text-indent: -9999px;
            }
/* END header */




/* Left/right blocks */
div.block {
	margin-left: 1em;
    margin-bottom: 1.5em;
	border: 1px solid #363636;
	background:#ECECEC;
	text-align:left;
	color:#000000;
}
    div.block h2 {
	padding: 0.3em;
    border-bottom: 1px solid #000000;
	background:#595959;
    color:#FFFFFF;
    font-weight: bold;
	font-size: 1.1em;
    }
    div.block div.content {
    padding: 0.4em 10px;
    font-size: 0.9em;
    }
	
	div.block div.content a {
	color:#C32321; 
	text-decoration:underline;
	font-size:1em;
	}

	div.block div.content a:hover {
	color:#920706; 
	text-decoration:underline;	
	font-size:1em;
	}			
	
/* END left/right blocks */

/******** Hidden block login **********/
#RVS_hideblock {
    display:none!important;
}
/**
 * Blocks.
 *
 * @package    themes
 * @subpackage default2
 * @author     Dmitri Lakachauskis <lakiboy83@gmail.com>
 */

/* Logout */
div#block-logout {
}
    div#block-logout strong {
        color: #666;
        color: #333;
    }
    div#block-logout em {
        font-style: normal;
    }


/* Lang switcher */
div#langSwitcher {
    float: right;
}
    div#langSwitcher a {
        float: left;
        margin-left: 15px;
    }
        div#langSwitcher a img {
            display: block;
        }


/* Breadcrumbs */
#breadcrumbs {
    margin: 0;
    float: left;
}
    #breadcrumbs a {
        font-weight: bold;
        color: #66A326;
    }div.message {
 margin: 0 auto;
 color: #dc0000;
 font-weight: bold;
 border: 0;
}

div.message p {
 margin-bottom: 1em;
 padding: 0.5em;
 text-align: left;
}

div.message,p.message-error,div.message-error {
 color: #ff1f1f;
 padding: 0px;
 margin-top: 20px;
}

div.message,p.message-info,div.message-info {
 color: #2baa00;
 margin-top: 20px;
}

div.message,p.message-warning,div.message-warning {
 border-color: #999;
 color: #999;
 padding: 10px;
}
/* Headings */
h1.title {
 color: #000000;
 background: #D6D6D6;
 font-size: 1.5em;
 font-weight: bold;
 padding: 5px;
 margin: 0 0 15px 0;
}

/*Start RVS User login Responsive*/
input.cpn_btn {
 font-weight: lighter;
 font-family: Verdana;
 font-size: 14px;
 color: #FFF;
 width: auto;
 border-radius: 5px;
 box-shadow: inset 0 -3px 0 0 #000;
 background: #525252;
 border: none;
 min-width: 70px;
 cursor: pointer;
 text-decoration: none;
 padding: 6px 13px;
}

input.cpn_btn:hover {
 color: #9d9d9d;
 text-decoration: none;
}

input.format_btn_cpn {
 padding: 5px 15px;
}

input.format_frm_login {
 width: 70%;
 height: 25px;
 border: 1px solid #999999;
 margin-top: 5px;
 background-repeat: no-repeat;
 background-position: 16px;
 padding-left: 40px;
 color: #000;
 font-size: 14px;
}

input.frm_name {
 background-image: url(themes/rvtheme/images/logo_name.png) !important;
}

input.frm_pass {
 background-image: url(themes/rvtheme/images/logo_pass.png) !important;
}

input.frm_email {
 background-image: url(themes/rvtheme/images/logo_email.png) !important;
}

input.frm_tel {
 background-image: url(themes/rvtheme/images/logo_tel.png) !important;
}

input.frm_mobile {
 background-image: url(themes/rvtheme/images/logo_mobile.png) !important;
}

input.frm_icq {
 background-image: url(themes/rvtheme/images/logo_icq.png) !important;
}

input.frm_aim {
 background-image: url(themes/rvtheme/images/logo_aim.png) !important;
}

input.frm_msn {
 background-image: url(themes/rvtheme/images/logo_msn.png) !important;
}

input.frm_website {
 background-image: url(themes/rvtheme/images/logo_website.png) !important;
}

input.frm_yahoo {
 background-image: url(themes/rvtheme/images/logo_yahoo.png) !important;
}

.rvs_header {
 background: #9d9d9d;
 font-size: 22px;
 font-weight: bold;
 padding: 15px 20px;
}

.cpn_header {
 font-size: 18px;
 color: #FFF;
 background-color: #9a9a9a;
 padding: 10px 15px;
 margin-top: 20px;
}

.rvs_cpn_title {
 margin-top: 20px;
 font-size: 14px;
 color: #000;
}

.cpn_input_error {
 margin-top: 5px;
 font-size: 14px;
}

.title_myaccount {
 background: #efeeee;
 color: #5c5c5c;
 font-weight: bold;
 padding: 7px 13px;
}

.table_profile td {
 line-height: 30px;
}

td.title_myaccount {
 line-height: 20px;
}

input.frm_edit {
 width: 79%;
 height: 25px;
 border: 1px solid #999999;
 margin-top: 5px;
 color: #000;
 padding-left: 10px;
 font-size: 14px;
}

@media screen and (max-device-width:480px) {
 input.frm_edit {
  width: 80%;
 }
}

@media only screen and (device-width:768px) {
 input.frm_edit {
  width: 81%;
 }
}

select.profile_gender {
 height: 29px;
 border: 1px solid #999999;
 margin-top: 5px;
 width: 83%;
}

@media screen and (max-device-width:480px) {
 select.profile_gender {
  width: 86%;
  height: 33px;
 }
}

@media only screen and (device-width:768px) {
 select.profile_gender {
  width: 88%;
  height: 33px;
 }
}

input.format_input_pref,.format_input_pref {
 height: 25px;
 border: 1px solid #999999;
 width: 160px;
}
/* Start Hack css for FF & Chrome */
html> /**/ body input.format_input_pref {
 width: 167px;
 height: 21px;
 border: 1px solid #999999;
}
/* End Hack css for FF & Chrome */
input.pref_locale {
 border: none;
 color: #000;
}

select.format_input_pref {
 white-space: nowrap;
 height: 29px;
 border: 1px solid #999999;
}

.myaccount_error {
 color: #ff0000;
}

textarea.editprofile_sig {
 width: 82%;
 height: 100px;
}

@media screen and (max-device-width:480px) {
 textarea.editprofile_sig {
  padding: 0 5px;
 }
}

@media only screen and (device-width:768px) {
 textarea.editprofile_sig {
  width: 86%;
 }
}

/*End RVS User login Responsive*/

/*Start RVS User com Uikit Template*/
.rvs-uk-form {
 background: #fff;
 padding-bottom: 15px;
}

.rvs-uk-form input.format_frm_login {
 width: 80% !important;
}

.rvs-uk-form input.frm_edit {
 width: 86% !important;
}

.rvs-uk-form  textarea.editprofile_sig {
 width: 86% !important;
}

.rvs-uk-form  select.profile_gender {
 width: 88% !important;
}

.rvs_cpn_title {
 margin-top: 10px !important;
}

.rvs-uk-form .rvs_header {
 padding: 7px 35px;
 color: #333;
 font-size: 18px;
 font-weight: normal;
 background: #cacaca;
}

.rvs-uk-form .rvs-row {
 margin-bottom: 15px;
}

.rvs-uk-form .cpn_header {
 color: #333;
 font-size: 18px;
 font-weight: normal;
 background: none;
 padding:0;
}
.rvs-uk-form input.text {
 border: #dedede solid 1px;
 padding-top: 3px;
 padding-bottom: 3px;
}
.rvs-uk-form .rvs-uk-title{
 font-weight: bold;
 color: #6e6e6e;
}
.rvs-uk-form .rvs-uk-lineheight{
 line-height:24px;
}
.rvs-uk-form .rvs-uk-pad{
 padding:5px 0;
}
.rvs-uk-form .rvs-uk-margin{
 margin-top:15px;
 margin-bottom:15px;
}
.rvs-uk-form #require {
    background:none;
    border:0;
}
.rvs-uk-form .rvs_infoMessage {
    padding-left:0;
    margin:0;
}

@media only screen and (min-width: 480px) {
 .rvs-uk-right {
  text-align:right;
 }
}

@media only screen and (max-width: 479px) {
 .rvs-uk-right  {
  text-align:left;
 }
}
/*End RVS User login Uikit Template*/
/******** Hidden block login **********/
#RVS_hideblock {
    display:none!important;
}
 /**********************  Start Blockloginform/style.css  *************************/

.RVS_leftside div.RVS_Blockloginform table.rvs_frame {
	text-align:left;
}
.RVS_leftside div.RVS_Blockloginform table tr td.rvs_h2 {
	font-size: 1.1em;
	padding:5px 4px; 
	font-weight:bold;
}	
.RVS_leftside div.RVS_Blockloginform a {	
	text-decoration: underline;
	}	
.RVS_leftside div.RVS_Blockloginform a:hover {	
	text-decoration: underline;
	}
#RVS_rightside div.RVS_Blockloginform table.rvs_frame {
	text-align:left;
}
#RVS_rightside div.RVS_Blockloginform table tr td.rvs_h2 {
	font-size: 1.1em;
	padding:5px 4px; 
	font-weight:bold;
}	
#RVS_rightside div.RVS_Blockloginform a {	
	text-decoration: underline;
	}	
#RVS_rightside div.RVS_Blockloginform a:hover {	 
	text-decoration: underline;
	}
.tryoutbgbanner{ 
    background-image: url(images/buy_account.html); 
    background-position:top left; 
    background-repeat:no-repeat; 
    width:217px; 
    height:81px; 
	margin-top:7px;
}
.tryoutbgbanner div{ 
    padding:25px 5px 0 80px; 
}
 
.RVS_leftside div.RVS_Blockloginform .tryoutbgbanner a:link,
.RVS_leftside div.RVS_Blockloginform .tryoutbgbanner a:active,
.RVS_leftside div.RVS_Blockloginform .tryoutbgbanner a:visited
 { 
 color:#fff;
 font-weight:bold; 
 text-decoration: none;
 } 
.RVS_leftside div.RVS_Blockloginform .tryoutbgbanner a:hover { 
 color:#FFEFAD;
 font-weight:bold;
 text-decoration: none;
 }
 
 
 /**********************  Start Newsletter/style.css  *************************/

.RVS_leftside div.RVS_Newsletter table.rvs_frame {
    text-align:left;
}
.RVS_leftside div.RVS_Newsletter table tr td.rvs_h2 {
    font-size: 1.1em;
    padding:5px 4px; 
    font-weight:bold;
}   
.RVS_leftside div.RVS_Newsletter a {    
    text-decoration: underline;
    }   
.RVS_leftside div.RVS_Newsletter a:hover {  
    text-decoration: underline;
    }
#RVS_rightside div.RVS_Newsletter table.rvs_frame {
    text-align:left;
}
#RVS_rightside div.RVS_Newsletter table tr td.rvs_h2 {
    font-size: 1.1em;
    padding:5px 4px; 
    font-weight:bold;
}   
#RVS_rightside div.RVS_Newsletter a {   
    text-decoration: underline;
    }   
#RVS_rightside div.RVS_Newsletter a:hover { 
    text-decoration: underline;
    }
.tryoutbgbanner{ 
    background-image: url(images/buy_account.html); 
    background-position:top left; 
    background-repeat:no-repeat; 
    width:217px; 
    height:81px; 
    margin-top:7px;
}
.tryoutbgbanner div{ 
    padding:25px 5px 0 80px; 
}
 
.RVS_leftside div.RVS_Newsletter .tryoutbgbanner a:link,
.RVS_leftside div.RVS_Newsletter .tryoutbgbanner a:active,
.RVS_leftside div.RVS_Newsletter .tryoutbgbanner a:visited
 { 
 color:#fff;
 font-weight:bold; 
 text-decoration: none;
 } 
.RVS_leftside div.RVS_Newsletter .tryoutbgbanner a:hover { 
 color:#FFEFAD;
 font-weight:bold;
 text-decoration: none;
 }
 
/*ใช้ซ่อนบล็อกล็อกอินโปรเจ็คที่เป็น blog*/	
#RVS_hideblock {display:none!important;}