a img
{
border: none;
}

/* typography.css */
body
{
font-size: 75%;
color: #222;
background: #fff;
font-family: Arial,Verdana,sans-serif;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
{
margin: 0;
}
p
{
margin: 0 0 1.5em;
}
p img.left
{
float: left;
margin: 1.5em 1.5em 1.5em 0;
padding: 0;
}
p img.right
{
float: right;
margin: 1.5em 0 1.5em 1.5em;
}
a:focus, a:hover
{
text-decoration: underline;
}
a
{
/*color: #478bcc;*/
color: #048;
text-decoration: none;
}
blockquote
{
margin: 1.5em;
color: #666;
font-style: italic;
}
strong
{
font-weight: bold;
}
em, dfn
{
font-style: italic;
}
dfn
{
font-weight: bold;
}
sup, sub
{
line-height: 0;
}
abbr, acronym
{
border-bottom: 1px dotted #666;
}
address
{
margin: 0 0 1.5em;
font-style: italic;
}
del
{
color: #666;
}
pre, code
{
margin: 1.5em 0;
white-space: pre;
}
pre, code, tt
{
font: 1em 'andale mono' , 'lucida console' , monospace;
line-height: 1.5;
}
li ul, li ol
{
margin: 0 1.5em;
}
ul, ol
{
margin: 0 1.5em 0 1.5em;
}
ul
{
list-style-type: disc;
}
ol
{
list-style-type: decimal;
margin-left: 3em;
}
dl
{
margin: 0 0 1.5em 0;
}
dl dt
{
font-weight: normal;
}
dd
{
margin-left: 1.5em;
}
.mytable table
{
margin-bottom: 1.4em;
width: 100%;
}
.mytable th
{
font-weight: bold;
background: #C3D9FF;
}
.mytable th, .mytable td
{
padding: 4px 10px 4px 5px;
}
.mytable tr.even td
{
background: #E5ECF9;
}
.mytable td.secondcol
{
padding-left: 100px;
}
tfoot
{
font-style: italic;
}
caption
{
background: #eee;
}
.small
{
font-size: .9em;
/*
margin-bottom: 1.875em;
line-height: 1.875em;
*/
}
.large
{
font-size: 1.2em;
/*
line-height: 2.5em;
margin-bottom: 1.25em;
*/}
.hide
{
display: none;
}
.quiet
{
color: #666;
}
.loud
{
color: #000;
}
.highlight
{
background: #ff0;
}
.added
{
background: #060;
color: #fff;
}
.removed
{
background: #900;
color: #fff;
}
.first
{
margin-left: 0;
padding-left: 0;
}
.last
{
margin-right: 0;
padding-right: 0;
}
.top
{
margin-top: 0;
padding-top: 0;
}
.bottom
{
margin-bottom: 0;
padding-bottom: 0;
}
.italic
{
font-style: italic;
}

/* grid.css */
div.border
{
padding-right: 4px;
margin-right: 5px;
border-right: 1px solid #eee;
}
div.colborder
{
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #eee;
}
.box
{
padding: 1.5em;
margin-bottom: 1.5em;
background: #E5ECF9;
}
hr
{
background: #ddd;
color: #ddd;
clear: both;
float: none;
width: 100%;
height: .1em;
margin: 0 0 1.45em;
border: none;
}
hr.space
{
background: #fff;
color: #fff;
}
.clearfix:after, .container:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix, .container
{
display: inline-block;
}
* html .clearfix, * html .container
{
height: 1%;
}
.clearfix, .container
{
display: block;
}
.clear
{
clear: both;
}
div.top-border
{
padding-top: 4px;
margin-top: 5px;
border-top: 1px solid #eee;
}
div.bottom-border
{
padding-bottom: 4px;
margin-bottom: 5px;
border-bottom: 1px solid #eee;
}
div.float-left
{
float: left;
}

/* forms.css */
label
{
font-weight: normal;
}
fieldset
{
padding: 1.4em;
margin: 0 0 1.5em 0;
border: 1px solid #ccc;
}
legend
{
font-weight: bold;
font-size: 1.2em;
}
input.text, input.title, textarea, select
{
border: 1px solid #bbb;
}
input.text:focus, input.title:focus, textarea:focus, select:focus
{
border: 1px solid #666;
}
input.text, input.title
{
padding:1px;
}
input.title
{
font-size: 1.5em;
}
textarea
{
width: 449px;
height: 112px;
padding: 5px;
}
.error, .notice, .success
{
padding: .9em;
margin-bottom: 1em;
border: 2px solid #ddd;
}
.error
{
background: #FBE3E4;
color: #8a1f11;
border-color: #FBC2C4;
}
.notice
{
background: #FFF6BF;
color: #514721;
border-color: #FFD324;
}
.success
{
background: #E6EFC2;
color: #264409;
border-color: #C6D880;
}
.error a
{
color: #8a1f11;
}
.notice a
{
color: #514721;
}
.success a
{
color: #264409;
}






body
{
margin: 0;
padding: 0;
line-height: 1.5em;
}
b
{
font-size: 110%;
}


#maincontainer
{
width: 974px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}
#topsection
{
margin-bottom: 10px;
}
#contentwrapper
{
float: left;
width: 100%;
}

#footer
{
clear: left;
width: 100%;
border-top: solid 1px #ccc;
background-color: #eee;
color: #FFF;
text-align: center;
padding: 20px 0;
margin-top: 20px;
}
#footer ul
{
text-align: center;
margin-bottom: 10px;
}
#footer ul li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0 10px;
}
.innertube
{
margin: 5; /*Margins for inner DIV inside each column (to provide padding)*/
}






/* branding, logo */

#branding
{
float: left;
margin: 0;
}
#branding h1
{
position: relative;
margin: 0;
width: 183px;
height: 34px;
margin: 16px 40px;
font-size: 1em;
}
/*
#branding h1 a
{
position: absolute;
width: 183px;
height: 34px;
z-index: 777; 
}
*/
/*
#branding h1 a:hover span
{
background-image: url(/img/chudu24-logo.png);
}
*/
#branding .style-switcher
{
float: right;
margin-top: 0;
margin-right: 0;
}


#editors-rating
{
margin: 0 0 10px 0;
}
#editors-rating h5, .rating-box
{
margin: 0 6px 0 0;
}
#editors-rating h5
{
font-weight: normal;
}
.rating-box
{
padding: 1px;
position: relative;
width: 100px;
border: 1px solid #CCC;
}
.rating-box .rating-bar
{
display: block;
position: relative;
height: 5px;
line-height: 5px;
background: #C6D880;
}
.ratings-score
{
margin: 0 16px 0 0;
}


#breadcrumb
{
background-color: #fff;
padding: 5px;
padding-left: 10px;
margin-bottom: 0;
}

#breadcrumb a
{
}

.footermenulink
{
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}

.footermenulink a
{
text-decoration: none;
color: black;
}



/* new navigation */


#ddcolortabs
{
padding: 0;
margin: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#ddcolortabs ul
{
font: bold 12px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
padding-left: 15px;
}

#ddcolortabs li
{
display: inline;
margin: 0 6px 0 0;
padding: 0;
}


#ddcolortabs a
{
float: left;
color: white;
background: #80bb2d url(/img/color_tabs_left.gif) no-repeat left top;
margin: 0 6px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

#ddcolortabs a span
{
float: left;
display: block;
background: transparent url(/img/color_tabs_right.gif) no-repeat right top;
padding: 6px 9px 4px 6px;
}

#ddcolortabs a span
{
float: none;
}


#ddcolortabs a:hover
{
background-color: #97ba67;
}

#ddcolortabs a:hover span
{
background-color: #97ba67;
}

#ddcolortabs li.current, #ddcolortabs li.current a, #ddcolortabs li.current span
{
/*currently selected tab*/
background-color: #478bcc;
}


#ddcolortabs.nav2 a
{
color: #999;
background: #eee url(/img/color_tabs_left.gif) no-repeat left top;
}

#ddcolortabs.nav2 a:hover, #ddcolortabs.nav2 a:hover span
{
background-color: #ddd;
}

#ddcolortabs.nav2 li.current, #ddcolortabs.nav2 li.current a, #ddcolortabs.nav2 li.current span
{
/*currently selected tab*/
background-color: #777;
color: #fff;
}


#ddcolortabsline_thinline
{
clear: both;
width: 100%;
height: 0px;
line-height: 0px;
padding: 0;
background: #fff;
border-top: 2px solid #777; /*Remove this to remove border between bar and tabs*/
margin-bottom: 20px;
}



/* Tag Clound */
.tagCloud
{
text-align: left;
}
.tagCloud .even
{
color: #80bb2d;
}
.tagCloud A
{
margin:0 10px 2px 0;
float: left;
text-decoration: none;
text-transform: lowercase;
white-space: nowrap;
}
.tagCloud A:hover
{
text-decoration: none;
background-color: #478bcc;
color: #fff;
}
.tagCloud A.even:hover
{
text-decoration: none;
background-color: #80bb2d;
color: #fff;
}
.tagCloud A.weight1
{
font-size: 1.9em;
font-weight: bolder;
}
.tagCloud A.weight2
{
font-size: 1.5em;
font-weight: bolder;
}
.tagCloud A.weight3
{
font-size: 1.4em;
font-weight: bolder;
}
.tagCloud A.weight4
{
font-size: 1.2em;
}
.tagCloud A.weight5
{
font-size: 1.0em;
}

.td-title
{
vertical-align: top;
padding: 0 20px 0 10px;
width: 100px;
text-align: right;
background-color: Transparent;
}
.td-fieldset
{
background-color: Transparent;
padding: 0 0 0 0;
}
.td-fieldset input, .td-fieldset select
{
width: 300px;
}

/* SlideShowHome (ssh) on homepage */

#ssh
{
position: relative;
height: 200px;
}
#ssh a
{
position: absolute;
top: 0;
left: 0;
z-index: 8;
}
#ssh a.active
{
z-index: 10;
}
#ssh a.last-active
{
z-index: 9;
}

/* box3 */

div.box3
{
padding: 10px;
margin: 0 0 1em;
}

div.blue-bg
{
background: #E5ECF9;
}
div.blue2-bg
{
background: #8db6f7;
}
div.blue3-bg
{
background: #e1effa;
}

div.orange-bg
{
background: #ffd483;
}

div.gray-bg
{
background: #eee;
}

div.green-bg
{
background: lime;
}



/* Bookmark by Phuong*/
div.pstar
{
float: left;
width: 17px;
height: 15px;
text-indent: -999em;
cursor: pointer;
display: block;
background: transparent;
overflow: hidden;
}
div.pstar, div.pstar a
{
background: url('/img/star.gif') no-repeat 0 0px;
}
div.pstar a
{
display: block;
width: 16px;
height: 100%;
background-position: 0 0px;
border: 1 solid #FF0000;
}
div.pstar_hover a, div.pstar_live a:hover
{
background-position: 0 -32px;
}
/* Read Only CSS */
div.pstar_readonly a, div.pstar_readonly a:hover
{
cursor: default !important;
}
/* Partial Star CSS */
div.pstar
{
background: transparent !important;
overflow: hidden !important;
}



/* indent menu */
.indentmenu
{
font: bold 12px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul
{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/ /*border: 1px solid #70c053;*/ /*dark purple border*/ /*border-width: 1px 0;*/
background: #80bb2d url(/img/layout/indent_g4_bg.gif) center center repeat-x;
}
.indentmenu ul li
{
display: inline;
}
.indentmenu ul li a
{
float: left;
color: white; /*text color*/
padding: 5px 21px;
text-decoration: none;
border-right: 1px solid #70c053; /*dark purple divider between menu items*/
}
.indentmenu ul li a:visited
{
color: white;
}
.indentmenu ul li a:hover, .indentmenu ul li .current
{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: #80bb2d url(/img/layout/indent_g4_bg2.gif) center center repeat-x;
}


#SearchBoxTopRight
{
margin-top: 8px;
}
.centeredImage
{
text-align: center;
display: block;
}

.taglink
{
}

.datetime, .taglist, .locations, .counter, .member1
{
color: #666;
font-size: .9em;
margin: 0;
padding: 0;
}

div.thumb1
{
float: left;
text-align: center;
border: 1px solid #ccc;
margin: 5px;
padding: 2px;
background-color: #eee;
}
div.thumb-new
{
float: left;
text-align: center;
border: 2px solid red;
margin: 5px;
padding: 1px;
background-color: #eee;
}

div.commentWraper img
{
float: left;
margin-right: 10px;
}

div.commentWraper .commentHeader
{
float: left;
margin: 0 10px 5px 0;
width: 550px;
}
div.commentWraper .commentHeaderLeft
{
float: left;
}
div.commentWraper .commentHeaderRight
{
float: right;
}
div.commentWraper .commentBody
{
clear: both;
margin-right: 10px;
}


div.commentWraper .txtUserName
{
width: 460px;
}

div.commentWraper .txtPassword
{
width: 460px;
}

div.commentWraper .txtCommentSubject
{
margin-top: 10px;
width: 508px;
}

div.commentWraper .txtCommentBody
{
width: 500px;
height: 100px;
}

div.rounded-box
{
padding: 15px;
margin: 0 0 1em;
background: #E5ECF9;
}

.price
{
font-size: 18px;
font-weight: bold;
color: #ff9000;
}

a.arrow1
{
background: url(/img/ArrowR3.gif) no-repeat 0 5px;
padding-left: 12px;
}
a.arrow2
{
background: url(/img/ArrowR4.gif) no-repeat 0 5px;
padding-left: 12px;
}
a.arrow3
{
background: url(/img/arrow-list.gif) no-repeat;
padding-left: 12px;
}
a.arrow4
{
background: url(/img/bg_bullet_arrow.gif) no-repeat 0 3px;
padding-left: 12px;
}

.SmartPager_link_next_prv
{
text-decoration: none;
}
.SmartPager_link_next_prv:hover
{
text-decoration: none;
}
.SmartPager_a_number
{
text-decoration: none;
}
.SmartPager_a_number:hover
{
color: red;
text-decoration: none;
font-weight: bold;
}
.SmartPager_a_number_selected
{
color: red;
text-decoration: none;
font-weight: bold;
}
.SmartPager_a_number_selected:hover
{
color: red;
text-decoration: none;
font-weight: bold;
}
.SmartPager_span_number
{
border: 1px solid #CCCCCC;
margin-left: 2px;
margin-right: 2px;
padding: 5px;
line-height: 20pt;
}
.SmartPager_span_number:hover
{
background-color: #80bb2d;
text-decoration: none;
}
.post-body
{
font-size: 1.12em;
}
.post-body.travelguide h3
{
margin: 20px 0 10px 0;
}
.post-body .small
{
font-size: .9em;
margin-bottom: 1.875em;
line-height: 1.875em;
}


/* Pager */
.pagination-jquery
{
font-size: 80%;
}

.pagination-jquery a
{
text-decoration: none;
border: solid 1px #AAE;
color: #15B;
}

.pagination-jquery a, .pagination-jquery span
{
display: block;
float: left;
padding: 0 3px;
margin-right: 5px;
margin-bottom: 5px;
}

.pagination-jquery .current
{
background: #26B;
color: #fff;
border: solid 1px #AAE;
}

.pagination-jquery .current.prev, .pagination-jquery .current.next
{
color: #999;
border-color: #999;
background: #fff;
}

.pagination-jquery-message
{
clear: both;
}
/* end of Pager */

/* Poll - Bar Graphs */
.graph
{
margin-left: 20px;
}
.bar-title
{
position: relative;
float: left;
width: 250px;
}

.bar-container
{
position: relative;
float: left;
width: 200px;
margin: 0px 0px 5px;
}

.bar-container div
{
background-color: #cc4400;
height: 20px;
}

.bar-container strong
{
position: absolute;
right: -32px;
top: 0px;
overflow: hidden;
}

h3.title
{
font-size: 14px;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating
{
cursor: pointer;
margin: 2em;
clear: both;
display: block;
}
div.rating:after
{
content: '.';
display: block;
height: 0;
width: 0;
clear: both;
visibility: hidden;
}
div.cancel, div.star
{
float: left;
width: 17px;
height: 15px;
text-indent: -999em;
cursor: pointer;
display: block;
background: transparent;
overflow: hidden;
}
div.cancel, div.cancel a
{
background: url('/img/delete.gif') no-repeat 0 -16px;
}
div.star, div.star a
{
background: url('/img/star.gif') no-repeat 0 0px;
}
div.cancel a, div.star a
{
display: block;
width: 16px;
height: 100%;
background-position: 0 0px;
border: 1 solid #FF0000;
}
div.star_on a
{
background-position: 0 -16px !important;
}
div.star_hover a, div.star_live a:hover
{
background-position: 0 -32px;
}
/* Read Only CSS */
div.star_readonly a, div.star_readonly a:hover
{
cursor: default !important;
}
/* Partial Star CSS */
div.star
{
background: transparent !important;
overflow: hidden !important;
}
/* END jQuery.Rating Plugin CSS */


/* tooltip */
#tooltip
{
position: absolute;
z-index: 3000;
border: 2px solid #ccc;
background-color: #eee;
padding: 5px;
}
#tooltip h3, #tooltip div
{
margin: 0;
}

#tooltip.pretty img
{
float: left;
margin: 0 10px 10px 0;
border: solid 1px #bbb;
}

#tooltip.pretty
{
width: 300px;
padding: 10px;
margin: 0;
}
#tooltip.pretty h3
{
padding: 0;
margin-bottom: 10px;
font-size: 12px;
font-weight: bold;
}

div.step-to-step
{
background: url(/img/layout/step-to-step.png) no-repeat 0 5px;
background-repeat: no-repeat;
width: 35px;
height: 35px;
float: left;
font-size: 15pt;
font-family: Verdana;
font-weight: bold;
color: White;
text-align: center;
padding-top: 12px;
margin-right: 5px;
margin-top: -5px;
}

.thumbnail
{
border: solid 1px #bbb;
padding: 0px;
}

.avatar
{
border: solid 1px #bbb;
padding: 0px;
}
.show
{
display: inline;
}


/* Telerik RadEditor Custom Icons */
.rade_toolbar.Web20 .InsertImageByChudu24, .rade_toolbar.Default .InsertImageByChudu24, .rade_toolbar.Office2007 .InsertImageByChudu24
{
/*background-position: -1487px center;*/
background-position: -487px center;
}
.rade_toolbar.Web20 .InsertEmoticon, .rade_toolbar.Default .InsertEmoticon, .rade_toolbar.Office2007 .InsertEmoticon
{
background-image: url(/img/icons/Emoticons/1.gif);
}





/*tooltip.photo*/
#tooltip.photo img
{
margin: 0 0 10px 0;
border: solid 1px #bbb;
}

#tooltip.photo
{
/*width: 300px;*/
padding: 10px;
margin: 0;
text-align: center;
}
#tooltip.photo h3
{
padding: 0;
margin-bottom: 5px;
font-size: 12px;
font-weight: bold;
}


/* for articles style*/
/* red short line*/


/* Captions- from WordPress  */
div.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption
{
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img
{
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text
{
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* E- from WordPress nd captions */


/* Begin Images */

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered, img.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright
{
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft
{
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright
{
float: right;
}

.alignleft
{
float: left;
}
/* End Images */




/* Caption table */
.tb-pho-caption
{
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding: 0px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.tb-pho-caption td
{
text-align: center;
padding: 5px;
}
.tb-pho-caption img
{
margin: 0;
padding: 0;
border: 0 none;
}
.tb-pho-caption p
{
margin: 0 10px 0 10px;
font-size: 11px;
line-height: 17px;
}
table.aligncenter
{
margin: 10px auto 10px auto;
}
/* End Caption table */