/* File Name: ~/themes/domevietnamcom/style/jquery-ui-1.7.1.custom.css */
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=arial&fwDefault=bold&fsDefault=1.4em&cornerRadius=0px&bgColorHeader=ed1c24&bgTextureHeader=04_highlight_hard.png&bgImgOpacityHeader=12&borderColorHeader=D11A20&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=cccccc&fcContent=222222&iconColorContent=ed1c24&bgColorDefault=ed1c24&bgTextureDefault=01_flat.png&bgImgOpacityDefault=12&borderColorDefault=D11A20&fcDefault=ffffff&iconColorDefault=ffffff&bgColorHover=EF363C&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=30&borderColorHover=D11A20&fcHover=fff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=cccccc&fcActive=ed1c24&iconColorActive=ed1c24&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=FDFEFE&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=6px&offsetTopShadow=-6px&offsetLeftShadow=-6px&cornerRadiusShadow=0px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: arial; font-size: 1.4em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: arial; font-size: 1em; }
.ui-widget-content { border: 1px solid #cccccc; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #D11A20; background: #ed1c24 url(images/ui-bg_highlight-hard_12_ed1c24_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #D11A20; background: #ed1c24 url(images/ui-bg_flat_12_ed1c24_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #D11A20; background: #EF363C url(images/ui-bg_highlight-soft_30_EF363C_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #fff; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #fff; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #cccccc; background: #ffffff url(images/ui-bg_inset-hard_100_ffffff_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ed1c24; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ed1c24; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_ed1c24_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_ed1c24_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_ed1c24_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; }
.ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; }
.ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; }
.ui-corner-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; }
.ui-corner-right {  -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; }
.ui-corner-left { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; }
.ui-corner-all { -moz-border-radius: 0px; -webkit-border-radius: 0px; }

/* Overlays */
.ui-widget-overlay { background: #FDFEFE url(images/ui-bg_flat_0_FDFEFE_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -6px 0 0 -6px; padding: 6px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 0px; -webkit-border-radius: 0px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* File Name: ~/themes/domevietnamcom/style/superfish-navbar.css */
.sf-menu
{
	margin-bottom:0;
}
.sf-navbar 
{
    margin-top: 9px;
	text-transform: uppercase;
	position: relative;
}
.sf-navbar li
{    
    position: static;    
    /*border-right: solid 1px #999;*/
    /*height: 1.9em;*/
}

.sf-navbar li a
{
    text-transform: capitalize; /* Text of Level 2 */
    font-weight: normal;
}

.sf-navbar li ul 
{
	width: 980px; /*width: 44em; /*IE6 soils itself without this*/
}
 
.sf-navbar li li {
	height: 1.6em;
	position: relative;	
}
.sf-navbar li li ul {
	width: 13em;
}

/* Text of Level 1 */
/*.sf-navbar li ul li, */
.sf-navbar li.tabs a, 
.sf-navbar li.tabs a span,
.sf-navbar li.sfHover a,
.sf-navbar li.sfHover a span, 
.sf-navbar li.current a,
.sf-navbar li.current a span,
.sf-navbar li.sf-breadcrumb a,
.sf-navbar li.sf-breadcrumb a span
{
    text-transform: uppercase;
    background-image: url(images/cw/nav.png);
    background-repeat: no-repeat;
    padding: 0px 16px;
}

.sf-navbar li.tabs a,
.sf-navbar li.sfHover a,
.sf-navbar li.sf-breadcrumb a
{
    margin: 2px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0px;    
    background-position: right -150px;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */
}
.sf-navbar a:link,
.sf-navbar a:visited {
    color: #fff;
    font-weight:bold;
}
.sf-navbar li.sfHover a
{
    background-position: right -200px;
}
.sf-navbar li.sf-breadcrumb a
{
    background-position: right -250px;
}
.sf-navbar li.tabs a span,
.sf-navbar li.sfHover a span,
.sf-navbar li.sf-breadcrumb a span
{
    margin-left:1px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-position: 0 0;
}
.sf-navbar li.sfHover a span
{
    background-position: 0 -50px;
}
.sf-navbar li.sf-breadcrumb a span
{
    background-position: 0 -100px;
}

.sf-navbar li.sf-breadcrumb a
{
    color: #FFF200;
}

/* Box of Level 2 */
.sf-navbar li.sfHover ul a
{ 
    background-image: none;
    font-weight:normal;
	color: #3472af;
	text-transform: capitalize;
	font-size:8pt;
}
.sf-navbar li ul li
{
    margin: 0;
    padding-top: 15px;
    padding-left: 12px;
    padding-right: 0;
    background-image:url(images/cw/nav.png);
    background-repeat: no-repeat;
    background-position: 0 -384px;
    color: #333;
}
.sf-navbar li ul li a:hover
{
    text-decoration: underline;
}
.sf-navbar a span{
    height: 20px;
    line-height: 20px;
}

/* Box of Level 3 */
.sf-navbar li li li
{
    width: 12em;
    padding-top: 7px;
    padding-bottom: 0px;
    border-top: solid 1px #F4F4F4;    
    /*background-color: #E4E4E4;*/
    /*background-position: 0 -358px;*/
    background-image:none;
}

.sf-navbar ul li {
	width: auto;
	float: left;
}
.sf-navbar a, .sf-navbar a:visited {
	border: none;
}
.sf-navbar li.current a 
{    
    margin:2px 0 0;    
}

ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left: 0;
	top: 2em; /* 2.5 match top ul list item height */ /* ClickSoft: Space of level 3*/
}
ul.sf-navbar .current ul ul {
	top: -999em;
}

.sf-navbar li li.current > a {
	font-weight: bold;
	color:#333;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}
/* File Name: ~/themes/domevietnamcom/style/master.css */
/* BASIC TAGS */
body
{    
    font-size: 84%;
    margin: 0px;
    padding: 0px;
    background-image: url(images/cw/bg_page.gif);	
}

.cbody table
{
	clear: both;
	border: 1px solid #19465C;
}
.cbody td
{
	border-right: 1px solid #19465C;
	border-bottom: 1px solid #19465C;
	padding: 4px;
}
td.header
{
	color: #FFFFFF;
	font-weight: bold;
	background-color: #287193;
}
a{
	color: #0257A9;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
fieldset
{
    border: lightsteelblue 1px solid;
    padding: 8px 8px 10px 10px;
}
legend
{
    border: 1px solid #b0c4de;
    color: #2F4F4F;
    background-color: #F2F7FD;
    padding: 3px 10px 4px 10px;
    font-weight: bold;
}
.l
{
    float:left; position:relative;
}
.r
{
    float:right; position:relative;
}
.b
{
    font-weight:bold;
}
input.nobo
{
    border: 0px;
    color: #666666;
}
.loading, .loading0
{
    background: url( 'images/cw/ajax-loader.gif' ) no-repeat left center;
    padding: 8px 0px 8px 30px;
    background-position: center center;
}
.loading0
{	
	padding: 0;
}
.highlight
{
    color: #CC3300;
    font-size: 130%;
    font-weight: bold;
}
.toolbar
{	
	text-align:right;
	font-size:7pt;
	color: #808080;
	margin-bottom:2px;		
}
.toolbar a
{
    color: #808080;
    font-size:8pt;
}
.toolbar span
{
    margin-left:4px;
	margin-right:4px;
}	
.toolbar img
{
	padding:2px 0 2px 2px;	
}
.btnLink
{    
    cursor:pointer;
    text-decoration: underline;
}
h4.title
{    
    font-weight: bold;
    font-size: 100%;
    cursor:pointer;
}
.space-line
{
    clear:both;
    height:10px;
}

/* Header */
#top, #nav, #page, #content, #footer, #footerNav,
#content-email, #contact-form
{    
    margin: 0 auto 0 auto;
    display: table;
}
#top
{
    background-repeat: repeat-x;
}
#top_left, 
#top_center, 
#top_right
{
    position:relative;    
}
#top_left
{
    float: left;
	
}
#top_center {
    float:left;
}
#top_right
{
    float:right;    
}
#top_right .buttons
{
    position:absolute;
    z-index:1000;
    right:4px;
    top:10px;
}
#top_right .buttons a
{
    font-weight:bold;
}
#nav
{
    background-image: url(images/cw/nav.png);
    background-repeat: repeat-x;
    background-position: 0 -300px;    
}
/* content_top **********/
#content_top
{
    display: block;    
}
#content_top_left
{
    float: left;
}
#content_top_center
{
    float: left;    
}
#content_top_right
{
    float: right;    
}

/* HomePage content */
#home_left
{
    float: left;
}
#home_center
{
    float: left;    
}
#home_right
{
    float: right;    
}

/* Common Content */
#content_left
{
    float: left;
}
#content_center
{
    float: left;    
}
#content_right
{
    float: right;    
}
/* Footer : START ***********************/
#footer
{
     height: 70px;
     position: relative;
}
#footerNav
{
    float:left;
    width:800px;
    margin-bottom: 6px;
}
#footerNav ul
{
    list-style-type: none;    
}
#footerNav li
{
    height: 14px;
    padding: 0px 10px;
    float: left;
	background: url(images/cw/nav.png) no-repeat;
	background-position: 0 -380px;
	background-repeat:repeat-x;
}
.footer
{
    border-top: #707070 2px solid;
}
.footer .left
{
    width:800px;
	float: left;	
	padding: 12px;
	font-size: 8pt;
	font-family: Arial;
	color: #333333;
}
.footer .right
{
    float: right;
    width: 130;
    padding: 0;
}
/* Footer : END ***********************/

/* Form layout : START ***********************/
.formLogin
{
    padding-left:80px;
}
.formLogin .fields
{
    margin-left:10px;
}
.formLogin .formLabel
{
    padding-top:10px;
    padding-bottom:2px;
    font-weight:bold;
}
.formLogin .formField
{
    display:block;
}
.formCont, formCont100
{
    padding: 0px 10px 10px 0px;
    margin-bottom:10px;
}
.formCont .formLabel
{
    padding: 2px 0 2px 0;
    width: 130px;
    display: block;
    float: left;
}
.formCont .formField
{
    padding: 2px 0px;
    margin-left: 140px;
    display: block;    
}
.formCont100 .formLabel
{
    width: 100px;
    display: block;
    float: left;
    text-align:right;    
}
.formCont100 .formField
{    
    margin-left: 105px;
    display: block;
    margin-bottom: 6px;
}
.formField ul
{
    list-style-type: none;
}
.captchaControl
{    
    width: 250px; 
    padding: 4px;
    border: #7F9DB9 1px solid;
}
.formCont label
{
    padding: 4px 10px 4px 4px;
}
/* Form layout : END ***********************/

/* Contact : START ***********************/
.contact-title
{
    width: 50%;
    float:right;
    height: 24px;
}
#contact-form .left
{
	padding: 10px 0px;
	margin-left:20px;
	float:left;
}
#contact-form .right
{
	border: solid 1px #CCCCCC;
	border-right: 0px;
	padding: 20px;
	float: right;
	height: 390px;
	width: 420px;
}

/* Contact : START ***********************/

/* HtmlText : START ***********************/
.htmltext
{
    clear: both;
    padding: 10px 10px 20px 10px;
}
/* Hot News : START ***********************/
.adv-container
{
    margin-bottom:8px;
    clear:both;
}
.hotnews-title
{
    margin-bottom:5px;
    text-align: left;
}
.hotnews-title a
{
    font-weight:bold;    
}
.hotnews-thum
{
	padding: 0px 10px 2px 0px;
	float:left;
}

/* HtmlText : END ***********************/

/* Content Home : START *****************/
.home-topic, .home-topic .r, .home-topic .rss
{
    height: 26px;
}
.home-topic, .home-quote
{
    margin-bottom: 4px;
}
.home-topic .l
{
    font-weight: bold;
    text-transform: uppercase;
    margin: 5px;
}
.home-topic .r
{
    background-position: 100% 0;
}
.home-topic .rss
{
    width: 12px;
    height: 12px;
    background-position: 0 -32px;
    margin: 4px 4px;
}
.home-quote
{
    float: left;
    width: 58%;
    text-align: justify;
    padding: 4px 10px 10px 4px;
    border-right: solid 1px #93A6CE;
    min-height: 100px;
    border-right-color: #CCCCFF;
}
.home-quote .title
{
    font-size: 100%;
    margin-bottom:4px;
}
.home-quote .quote
{
	/*line-height: 1.4em;*/
}
.home-quote a
{
    color: #99211B;
    font-weight: bold;
}
.home-quote .time
{
    font-size: 80%;
    color: #666;
    margin-bottom:4px;
}
.home-list
{
    width: 37%;
	float: right;
	padding: 4px 0px 10px 4px;
}

.home-list ul, .home-list ol
{
	list-style-type: none;
	margin: 0;
	padding: 0;	
}
.home-list a:link
{
    color: #99211B;
}
.home-list a:visited
{
	color: #99211B;
}
.home-list li
{
    background-image: url('images/cw/content_icons.gif');
    background-position: 0 6px;
    background-repeat: no-repeat;
    padding: 4px 0 0 14px;
}
/* Content Home : END *****************/

/* Content Topic : START *****************/
.cont-print
{
	margin: 0 auto 0 auto;
	width: 700px;
}
.topic-quote
{
    display: block;    
    width: 99%;    
    padding-bottom: 10px;    
}
.topic-quote .title
{
    font-size: 110%;
}
.quote
{
	line-height: 1.4em;
	text-align: justify;	
}
.topic-quote a
{
    color: #99211B;
    font-weight: bold;
    font-size: 100%;
}
.img
{
    margin: 4px 8px 0px 0px;
    border:1px solid #CCCCCC;
    padding:1px;
    outline: 0;
}
.date
{
    font-size: 80%;
    color: #666;
    margin-bottom:4px;
}

/* Topic display in block */
.content_block
{
    display:block;
}
.content_block .topic-quote
{
    padding: 8px;    
    float:left;
    margin-left:20px;
    height:350px;
    width: 276px;
    background-image: none;
    margin-bottom:20px;
}
.content_block .topic-quote:hover
{
    border-color:#ee1c24;    
}
.content_block .topic-quote .title
{
    color: #ED1B24;
    text-transform: uppercase;
    font-weight: bold;
    height:30px;
    font-size:95%;
}
.content_block .topic-quote div
{
    margin:0 4px;
}
.content_block .topic-quote .quote
{
    height:100px;
}
.content_block .topic-quote .more
{
    float:right;
    background-image: url( 'images/cw/content_icons.gif' );
    background-position:0 -80px;
    height:22px;
    width:120px;
    padding-top:3px;
}
.content_block .topic-quote .more a
{
    color: #fff;
    font-style: normal;
    font-weight: normal;
    text-transform: none;    
    padding-left:20px;
}
.content_block .topic-quote .more a:hover
{
    text-decoration:none;
}
.content_block .topic-quote img
{
    margin: 0;
    width: 270px;
    height: 180px;
}
.content_block .topic-quote .img
{
    border-color: #E4E4E4;
    margin: 0; 
    display:block;
}

/* Content Topic : END *****************/

/* Content Detail : START *****************/
.topic-box
{
    padding-bottom: 4px;
    margin-bottom: 3px;
    border-bottom: silver 2px solid;
    width: 100%;
    display: block;
    border-bottom-color: #CCCCCC;
}
.topic-box .topic
{
    color: #5d5d5d;
	text-transform: uppercase;	
	font-weight: bold;
}
.topic-box .time
{
	font-size: 90%;
	color: #333;
	float:left;
}
.c-detail .tool
{
	width: 100%;
	height:30px;	
}
.tool .print, 
.tool .email
{
    float: right;
    cursor: pointer;
    margin-left:8px;
}
.tool .ui-text
{
    padding:2px;
}
.tool .time
{
    font-size:90%;
}
.c-detail .space10
{
	height:10px;
}
.c-detail .title
{
    padding-bottom: 4px;
    font-weight: bold;    
    color: #5D5D5D;
    font-size:130%;
}
.c-detail .toolbox
{    
    color: #333;
    background-color: #F4F4F4;
    height: 45px;
    padding:6px 6px;
    margin-bottom:10px;
}
.c-detail .download-btn
{
    width: 54px;
    cursor: pointer;
    float: right;
    margin:2px;
}

.c-detail .download-btn .text:hover
{
    text-decoration:none;
}
.c-detail .fileBox
{
    margin-bottom: 20px;    
}

/* Files */
.fileBox
{    
    padding: 10px;    
    font-family:Arial;
    width:auto;    
}
.fileBox .total
{
    font-weight: bold;
    margin-bottom:10px;
}
.fileBox a
{
    font-weight: normal;    
    text-decoration:underline;
}
.fileBox img
{
    float: left;
    margin: 8px;
    margin-left:0px;    
}
.fileBox .text
{
    margin:0px 0px 10px 10px;    
}
.c-detail .quote
{    
    padding-right: 0px;
    padding-bottom: 10px;
    padding-top: 8px;
    color: #5d5d5d;
    text-align: justify;    
}
.c-detail .body
{
    line-height:1.5em;
    margin-bottom:20px;
    margin-top:10px;
    text-align:justify;       
}
.c-detail .source
{	
	width: auto;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 10pt;
	color: #5D5D5D;
	text-transform: capitalize;
	font-family: Verdana;
	margin-bottom: 4px;
	border-bottom: 2px solid #CCCCCC;
	text-align: right;
	clear: both;
}
.c-detail .other
{
	font-weight: bold;
	color: #99211B;
	margin-top: 20px;
	margin-left: 10px;	
}
.c-detail .list
{
	list-style-type: none;
	margin-top: 10px;
	margin-left: 30px;
	font-size: 80%;
}
.c-detail .list, .c-detail .list a:visited
{
	color: #7d667a;
}
.c-detail .list li
{
    background-image: url('images/cw/content_icons.gif');
    background-position: 0 6px;
    padding: 4px 0 0 14px;
    background-repeat: no-repeat;
}
.c-detail .thum
{
	float: left;
	padding: 10px 10px 0px 0px;	
	border: 0px;
}
.c-detail .thum .node
{
	font-size: 90%;
	color: #444444;
	font-style: italic;
}
.content_block .list li
{    
    background-image:none;
    width:90px;
    height:90px;
    float:left;
    margin-left:6px;
    margin-bottom:6px;
    padding:6px;
}
.content_block .list li:hover
{
    border-color: #EE1C24;
    background-color: #FFFFD9;
}
/* Content Detail : END *****************/

/* Content Tab : START ******************/
.cont-tabs .ui-state-default a
{
    padding: 3px 6px 4px 6px;    
    font-weight: bold;
}
.cont-tabs .ui-tabs-selected a
{
    padding: 3px 6px 4px 6px;
    background-image: none;
    font-weight: bold;    
}
.cont-tabs .home-quote
{
    float: none;
    border-right-width:0;
    width: 100%;
}
.cont-tabs .home-list
{    
    float: none;
}
.cont-tabs .home-quote-item
{
    clear: both;
    border-bottom: dashed 1px #666666;
    min-height: 120px;
    margin-bottom:10px;
}
.cont-tabs .home-quote-item .hasAttach
{
    background-position:0 -47px;
}
/* Content Tab : END *****************/

/* Content Email : START *****************/
#content-email .left
{
	padding: 20px;
	float:left;
	width: 400px;
	height: 410px;
}
#content-email .right
{
	border: solid 1px #CCCCCC;
	border-right: 0px;
	padding: 20px;
	float: right;
	height: 390px;
	width: 420px;
}

/* Content Email : END *****************/

/* Content Attach : START *****************/
.hasAttach
{
    padding: 2px 10px;
    background-image: url( 'images/cw/content_icons.gif' );
    background-repeat: no-repeat;
    width:20px;
    height:18px;
    margin-left:2px;
}
.c-detail .hasAttach
{
    background-position:0 -48px;
}
.topic-quote .hasAttach
{
    background-position:0 -45px;
}
.home-list .hasAttach
{
    background-position:0 -47px;
}
/* Content Attach : END *****************/

/* Content Allbum : START *****************/
#fullshow_toolbar
{
    width:100%;
    height:30px;
    margin-bottom:10px;    
}
.ui-btn
{
    cursor: pointer;
    /*display:inline-block;*/
}
.ui-btn-text
{
    width:80px;
    cursor: pointer;
}
.ui-text
{    
    font-size:84%;
    padding-top:1px;
    padding-left:4px;
    display:inline-block;
}

#cont_img
{
    text-align:center;
    width:100%;
    margin:10px;    
}
#cont_img_list .img-list
{
    float:left;
    height:auto;
    margin:0 -1px 12px;
    text-align:center;
    vertical-align:middle;    
    font-size:128px;
    display:inline-block;
}
#cont_img_list img
{
    margin:6px;
    vertical-align:middle;
}

#thumbsizes
{
    width:100%;
    height:30px;
    border-bottom:solid 1px #ccc;
}
#thumbsizes .ui-widget 
{
    font-family:Arial;
    font-size:0.5em;
}
#thumbsizes .img-s
{
    width:12px;
    height:12px; 
    background-position:-146px -98px;
}

#thumbsizes .img-b
{
    border-width:1px;
    width:18px;
    height:18px;
    background-position:-143px -95px;
}

/* Content Allbum : END *****************/

/* Search Box : START *****************/
.search-box
{
    width: 200px;
    height: 20px;
    padding: 2px 0px 0px 3px;
    background-color: #fff;
}
.g-search-box
{
    width: 168px;    
    background:#FFFFFF;
    border:medium none;
    height:19px;
    padding:0;
}
.search-box-focus
{
    border: 1px solid #999999;
}
.search-box .btn, 
.g-search-box .g-btn
{
    height: 20px;
    width: 20px;
    border:0;
    background-position: 0px -65px;
    background-image: url('images/cw/search.gif');
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    float:right;
    cursor:pointer;
    outline: 0;
}
.search-box .g-text,
.g-search-box .g-text
{
    margin-top:1px;
}
.g-search-box .g-btn
{
    background-position: 0px -29px;
    height: 18px;
    width: 18px;
}
.g-search-box .powerByGoogle
{
    border: 0;
    background-image: url( 'images/cw/bg_gsearch.gif' );
    background-repeat: no-repeat;
    background-position: 5px 1px;
}
.typing-mode
{
    clear:both;
    background-image: url( 'images/cw/typing_mode.gif' );
    background-repeat: no-repeat;
    height: 15px;
    width: 36px;
    float:right;
    margin-top:10px;    
}
.typing-off
{
    background-position: 0 0;
}
.typing-tel
{
    background-position: 0 -15px;
}
.typing-vni
{
    background-position: 0 -30px;
}

/* Search Box : END *****************/

/* Content WS Slide : START *****************/
.cq-ws
{    
    padding: 0;    
	background-color: white;
}
.cq-ws .container
{
    margin-left:0px;
}
.cq-ws .header, .cq-ws .btn
{
    height: 30px;
}
.cq-ws .header .title
{
	float: left;
	font-weight: bold;
	margin: 6px 0px 6px 20px;
}
.cq-ws .title .loading
{
	width: 50px;
	height: 20px;
	background-color: white;
}
.cq-ws .btn
{
    float: right;
    width: 42px;
    cursor: hand;
    cursor: pointer;
}
.cq-ws .vitem
{    
    padding: 6px;
    background-position: bottom;
    float: left;
    margin-bottom:-1px;
    margin-left:-1px;
    vertical-align:middle;
}
.cq-ws .vitem a
{
    margin-top: 12px;
    color: #60686b;
}
.cq-ws .vitem img
{
    margin: 0 4px 0 0;
    width: 67px;
    height: 48px;
    border-color: #666666;
}
.cq-ws .vitem .time
{
	font-style: italic;
	color: #333333;
}
.cq-ws .vitem3
{
    height:14px;
    border-top-style:dashed;
}
.cq-ws .vitem3 a
{
    color:Red;
}
.cq-ws .vitem31 img
{
    margin: 0 6px 0 0;
    width: 110px;
    height: 70px;    
}

.cq-ws .vitem-quote
{
    padding: 8px;
    float:left;
}
.cq-ws .vitem-quote:hover
{
    border-color:#ee1c24;
}
.cq-ws .vitem-quote .title
{
    font-weight: bold;
    font-size:1.2em;
}
.cq-ws .vitem-quote div
{
    margin:0 4px;
}
.cq-ws .vitem-quote .quote
{
    color: #555555;
}
.cq-ws .vitem-quote .more
{
    float:right;
    background-image: url( 'images/cw/content_icons.gif' );
    background-position:0 -80px;    
}
.cq-ws .vitem-quote .more a
{
    color: #fff;
    font-style: normal;
    font-weight: normal;
    text-transform: none;    
    padding-left:6px;    
}
.cq-ws .vitem-quote .more a:hover
{
    text-decoration:none;
}
.cq-ws .vitem-quote .img
{
    border-color: #E4E4E4;    
    margin:0 10x 4px 10px;  
}
.cq-ws  .ui-widget-content
{
    border-top-color:#ffffff;
}
/* ************** */
.cq-ws .hitem
{    padding: 3px;
    background-position: bottom;
    float: left;
    margin-left:-1px;
}
.cq-ws .hitem p
{
/*	padding: 4px;*/
}
.cq-ws .hitem img
{
	width: 122px;
	height: 80px;
}
.cq-ws .hitem .time
{
	font-style: italic;
	color: #333333;
}
.cq-ws .hitem p a
{
    font-weight: bold;
    color:#363636;
}
.cq-ws .prev-btn-on, 
.cq-ws .prev-btn-off, 
.cq-ws .next-btn-on, 
.cq-ws .next-btn-off
{
    width: 20px;
    height: 20px;
    display: table;
    background-image: url( 'images/cw/btn_ws.gif' );
    background-repeat: no-repeat;
    margin-top: 4px;
}
.cq-ws .prev-btn-on
{
    float:left;
    background-position: 0 -60px;
}
.cq-ws .prev-btn-off
{
    float:left;
    background-position: 0-40px;
}
.cq-ws .next-btn-on
{
    float:right;
    background-position: 0 -20px;
}
.cq-ws .next-btn-off
{
    float:right;
    background-position: 0 0;
}
/* Content WS Slide : END *****************/

/* Content RSS proxy  : START *****************/
.news-rss .title
{	
    margin-bottom: 4px;
    border-bottom:solid 1px #99211B;        
    padding-bottom:4px;
}
.news-rss .title a
{
    font-size:0.8em;
    color: #99211B;
    font-weight: bold;
}
.news-rss img
{
	padding: 4px 4px 0px 0px;
	width: 60px;
	height: 50px;
	border:0px;
}
.news-rss .time
{
	color: #666666;
	margin-bottom: 10px;
	font-size:8pt;
	display:block;
}
/* Content RSS proxy  : END *****************/

/* AdRotator : END *****************/
.slide-pager
{
    position:relative;
    z-index:100;
}
.slide-pager a
{
    /*background-image: url(images/cw/bg_btn.png);*/
    text-decoration: none;
    margin-right: 6px;
    padding:3px 8px;
    font-weight:bold;
    background-color:#707070;
    color:#fff;    
}
.slide-pager a:focus 
{
    outline: 0; 
}
.slide-pager .activeSlide
{
    background: #F36C4F;
    color: #FFFFFF;
}
/* AdRotator : END *****************/

/* Buttons : START *****************/
.i-login, .i-send, .i-send, .i-add, .i-new, .i-edit, .i-intro,
 .i-set, .i-save, .i-del, .i-res, .i-upload, .i-download, .i-reg, .i-cpass
{
    background-image: url(images/cw/btn_main.png);
    background-repeat: no-repeat;
    background-color: #CCE6FF;
}
.i-login, .i-send, .i-send, .i-add, .i-new, .i-edit, .i-intro, 
.i-set, .i-save, .i-del, .i-res, .i-upload, .i-download, .i-reg, .i-cpass
{
    margin-top: 1px;
    margin-right: 2px;
    height: 22px;
    color: #333333;
    display: -moz-inline-box;
    display: inline-block;
    font-size: 9pt;
    white-space: nowrap;
    border: #7F9DB9 1px solid;
    cursor: hand;
    cursor: pointer;
    letter-spacing: 1pt;
}
.i-login
{
	background-position: 2px 4px;
}
.i-send
{
    background-position: 3px -93px;
}
.i-add
{
    background-position: 4px -33px;
}
.i-new
{
   background-position: 4px -33px;
}
.i-edit
{
	background-position: 4px -53px;
}
.i-intro
{   
    background-position: 4px -53px;
}
.i-set
{
    background-position: 3px -14px;
}
.i-save
{
    background-position: 3px -113px;
    font-weight: bold;
}
.i-del
{
    background-position: 3px -73px;
}
.i-res
{
     background-position: 4px -73px;
}
.i-reg
{
     background-position: -97px -35px;
}
.i-cpass
{
    background-position: -97px -35px;
}
.i-upload
{
     background-position: -100px -17px; 
}
.i-download
{
     background-position: -100px -76px; 
}
.help-btn
{    
    color: #D8E7F3;
    text-decoration:underline;
    font-weight:normal;
    margin-top:4px;    
}
.btn-text, .btn-text-dis
{
    border: 1px solid #fff;
    padding: 2px 8px 3px 18px;    
}
.btn-text
{
	text-decoration: none;
    background-image: url(images/cw/btn_main.png);
    background-position: 0 -190px;
}
.btn-text: hover
{
    text-decoration: none;
    background-color: #cfe7cd;
}
.btn-text-dis
{
	color: #A9A9A9;	
	text-decoration: line-through;
}
.btn-box
{
    padding: 8px;
    overflow: hidden;    
}
.btn-box .r
{
    text-align: right;
    width:40%;
}
.btn-box .r a
{
    color: #333;
}
.vtp-b
{
	height: 200px;
	background-color: #c4dec1;
	padding: 0px 6px 6px 6px;
}
.vtp-title
{
	background-color: #c4dec1;	
	padding: 4px 0px 2px 4px;
}
.vtp-btn
{
	padding: 4px 4px 0px 0px;
}
/* Buttons : END *****************/

/* Background Line : START *****************/
.grey-dot
{
    height: 40px;
    width: 100%;
    background: url(images/cw/grey-dot.gif) repeat-x left center;
}
/* Background Line : START *****************/

/* Message : START *****************/
.message-area
{
    width: 500px;
    margin: 0 auto 0 auto;
    display:table;
}
.message-title
{
    font-weight:bold;
    padding:6px;
}
.message-body
{    
    padding:10px;    
    border-left:none;
    border-right:none;
}

/* Message : END *****************/

/* Pager: Start */
.pager_container
{
    padding-top:4px;    
    height: 28px;    
    margin-bottom:10px;
}
.pager ul.pages
{
    display: block;
    border: none;
    font-size: 9pt;
    padding: 0;
    float: right;
    font-weight: bold;
    color: #333333;
}
.pager ul.pages li
{
    list-style: none;
    float: left;
    border: 1px solid #EAEAEA;
    text-decoration: none;
    margin: 0 5px 0 0;
    padding: 2px 5px;
}
.pager ul.pages li:hover
{
    border: 1px solid #C0C0C0;
    color: #CC3300;
    background-color: #FFF8F0;
}

.pager ul.pages li.pgEmpty
{
    border: 1px solid #eee;
    color: #eee;
    cursor: default;
    visibility:hidden;
}

.pager ul.pages li.pgCurrent
{
    border: none;
    color: #CC3300;
    font-size:10pt;
}
/* Pager: End */

/* Jquery-UI : START *****************/
#ui-datepicker-div
{
    font-size:80%;
}
.ui-accordion .ui-accordion-header a 
{
    padding:0.3em 0.5em 0.3em 2.2em;
}
/* Jquery-UI : END *****************/

.commonRow
{
    background-color:#EFF6FD;    
}
.commonRowAlt
{
    background-color:#FFF;    
}
.commonCell
{
    padding:2px 5px;
    min-height: 100px;
}

/* Conten Table-Style : START *****************/
#tb_container
{
    padding: 0px;
    margin: 0px;
    border: solid 2px #c3d9ff;
    width: 100%;
    height: 500px;
    background-color:#fff;
}
#tb_container #tb_menu
{
    border:1px solid #C3D9FF;
    padding:2px;
    width:200px;    
}
#tb_container .header-panel
{
    background-color: #eee;
    width: auto;
    height: 26px;
    padding: 3px;
    border-bottom: solid 1px #E0EBEF;
    display: block;
    margin-bottom: 1px;
}
#tb_container .title-panel
{
    padding: 10px;
    color: #333333;
    border-bottom: solid 1px #E0EBEF;    
}
#tb_container .view-panel
{
    padding: 10px;    
}
#tb_container .title-panel h4.formLabel
{
    padding-top:2px;
}
#tb_container .title-panel h3,
#tb_container .title-panel h4{
    text-transform:uppercase;    
}
#tb_container .title-panel h3{font-size:1.1em;}
#tb_container .title-panel h4{font-size:1em;}

#tb_container #alert-box
{
    padding:4px;
    margin-bottom:2px;
}
#tb_container .alert-text
{
    padding:0 4px;    
}

#tb_container #menu_resizer
{    
    height: 500px;
    padding:2px 2px 20px 2px;    
}
.common-menu ul li
{
    list-style: none;
    padding-top: 1px;
    cursor:pointer;
}
.common-menu ul li {
    display:block;
    padding: 3px 3px 3px 12px;
	border-bottom: 1px solid #E8EEF7;	
	text-decoration: none;
	outline: 0;
}
.common-menu ul li:hover
{
    text-decoration: none;
    border-bottom: 1px solid #CBD9ED;
}
.common-menu .common-menu-selected
{
    border-top: 1px solid #E2EAF5;
    border-bottom: 1px solid #CBD9ED;
    background-color: #eee;
    font-weight:bold;
}
.common-menu .ui-accordion-content
{
    padding:0;
}

/* Conten Table-Style : END *****************/
.status-message
{
    padding:4px;
    margin:2px 0;
}
.status-message span
{
    float:left;
    margin-right:0.3em;
}
.tree-node{padding:4px;}

#stream_menu
{
    width:250px;
    z-index:99;
}
#stream_menu #multiple_link
{
    width:16px;
    height:16px;
    float:right;
    cursor:pointer;
}
#flash_list
{
    width: 512px;
    min-height:328px;
    display:block;
}
#flash_list p
{
    padding:4px;
    font-size:80%;
}	 
/* Clearfix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
/* File Name: ~/themes/domevietnamcom/style/common.css */
/* BASIC TAGS */
body
{    
    font-family: Arial, Tahoma, Verdana;
    background-color:#FFFCD8;    
	background-repeat: repeat-y;
	background-position: center top;    
}
.ui-widget
{
    font-size: 0.85em;
}
a{
	color: #ED1B24;	
}
.btnLink
{
    color: #024E64;
}
h4.title
{
    color: #5D5D5D;
}

/* Header */
#top, 
#nav, 
#page, 
#content, 
#footer, 
#footerNav,
#content-email, 
#contact-form
{
    width: 960px;
}
#top
{
    height: 120px;
    margin-top:6px;
    background-repeat: repeat-x;
    background-color:#fff;
}
#top_left,
#top_center,
#top_right
{
    height: 100px;
}
#top_left
{
    width: 450px;
}
#top_right
{
    	
}
#top_right .buttons a
{
    color: #808080;
}
#nav
{
    height: 73px;
    font-size: 1em;
    border-bottom: solid 1px #e5e5e5;
}
#nav .tab
{
    margin-left:20px;    
}
#page
{    
    margin-bottom: 20px;
    margin-top:20px;
}
/* content_top **********/
#content_top
{
    height: 400px;
    margin-bottom:20px;
}
#content_top_left
{
	width: 400px;	
}
#content_top_center
{
    width: 240px;
    margin-left:20px;
}
#content_top_right
{
    width: 280px;
    margin-left:20px;
}

/* HomePage content */
#home_content
{
    margin-top:5px;
}
#home_left
{
	width: 500px;	
}
#home_center
{
    width: 280px;
    margin-left:10px;    
}
#home_right
{
    width: 160px;    
}
/* Search Box : START *****************/
.search-box
{

}
.g-search-box
{
    margin: 10px;
}
/* Search Box : END *****************/

/* Common Content */
#content
{
    background-color:#fff;
    margin-top:5px;
}
#content_left
{
	width: 670px;	
}
#content_center
{
    width: 0px;
    margin-left:0px;
}
#content_right
{
    width: 280px;
    padding-right:0px;    
}

.fileBox a
{    
    color: #0000CC;    
}

/* Topic display in block */
.content_block .topic-quote
{
    padding: 8px;    
    margin-left:20px;
    height:350px;
    width: 276px;
    margin-bottom:20px;
}
.content_block .topic-quote:hover
{
    border-color:#ee1c24;    
}
.content_block .topic-quote .title
{
    color: #ED1B24;
    text-transform: uppercase;
    font-weight: bold;    
    font-size:1em;
    padding-bottom:10px;
}
.content_block .topic-quote div
{
    margin:0 4px;
}
.content_block .topic-quote .quote
{
    height:100px;
}
.content_block .topic-quote .more
{
    height:22px;
    width:120px;
    padding-top:3px;
}
.content_block .topic-quote .more a
{
    color: #fff;
    font-style: normal;
    font-weight: normal;
    text-transform: none;    
    padding-left:20px;
}
.content_block .topic-quote .more a:hover
{
    text-decoration:none;
}
.content_block .topic-quote img
{
    width: 270px;
    height: 180px;
}
.content_block .topic-quote .img
{
    border-color: #E4E4E4;
    margin-bottom:6px;
}


/* Content WS Slide : START *****************/
.cq-ws .vitem a
{
    margin-top: 12px;
    color: #ED1B24;
}
.cq-ws .vitem-quote
{
   padding: 8px;
    float:left;
    margin-left:38px;
    height:350px;
}
.cq-ws .vitem-quote:hover
{
    
}
.cq-ws .vitem-quote .title
{
    color: #ED1B24;
    text-transform: uppercase;
    font-weight: bold;
    min-height:30px;
    margin-bottom:10px;
}

.cq-ws .vitem-quote .quote
{
    height:100px;
    font-size:1.1em;
}
.cq-ws .vitem-quote .more
{
    height:22px;
    width:120px;
    padding-top:3px;
}
.cq-ws .vitem-quote .more a
{
    color: #fff;
    font-style: normal;
    font-weight: normal;
    text-transform: none;    
    padding-left:6px;    
}
.cq-ws .vitem-quote img
{
    margin: 0 0 10px 0;
    width: 270px;
    height: 180px;
}
/* Content WS Slide:END *****************/

/* Hot News : START ***********************/
.adv-container
{
    margin-bottom:8px;
    clear:both;
}
.hotnews-title
{    
    border-top: solid 1px #5f1a1d;    
    font-weight: bold;    
}
.hotnews-title a
{
    color:#fff;    
}
.hotnews-thum
{
	padding: 0px;
	height:320px;
    width:400px;    
}
.hotnews-quote
{
    border-top: solid 1px #656565;    
    display:table;    
}

.hotnews-title, 
.hotnews-quote
{
    clear:both;    
    color: #fff;    
    display:block;
    padding:2px 4px;
}
/* Hot News : END ***********************/

/* Conten Table-Style : START *****************/
#tb_container #tb_menu,
#tb_container #tb_view
{    
}

#tb_container .header-panel
{
    background-color: #eee;
}
#tb_container .title-panel
{
    color: #333333;
}

/* Conten Table-Style : END *****************/
