@font-face {
  font-family: "PhagsPa";
  font-size: 14px;
  src: url("../fonts/phagspa.woff");
}

@font-face {
  font-family: "PhagsPab";
  font-size: 14px;
  src: url("../fonts/phagspab.woff");
}

/**
 * Estilos dos elementos HTML comuns.
 */

html, body, div, span, applet, object, iframe,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}


html, body {
   height: 100%;
   width: 100%;
}

a {
  color:            #54bdeb;
  text-decoration:  none;
}

a:hover {
  text-decoration: underline;
  cursor: pointer;
}

body {
  width: 100%;
  font-size: 13px;
  font-family: PhagsPa;
  line-height: 15px;
  color: #000;
  background: #efeff4;
}

div {
  font-family:      PhagsPa;
  font-size:         9pt;
  color:            #000000;
}

input {
  font-family:      PhagsPa;
  font-size:        9pt;
  color:            #000000;
  height:           auto;
  width:            99%;
}

label {
  font-family:      PhagsPa;
  font-size:         9pt;
  color:            #000000;
}

select {
  background-color: #f3f3f3;
  border: 1px solid #a7a7aa;
  font-family:      PhagsPa;
  font-size:         9pt;
  color:            #000000;
  width:            99%;
}

span {
  font-family:      PhagsPa;
  font-size:         9pt;
  color:            #000000;
}

textarea {
  border:           1px solid #c8c7cc;
  background-color: #ffffff;
  font-family:      PhagsPa;
  font-size:         9pt;
  color:            #000000;
}

table {
  border: 0px;
  font-family:      PhagsPa;
  font-size:         9pt;
  color:            #000000;
}

ul, ol, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
        list-style: none;
}

.input_checkbox {
  width: 16px;
}


/**
 * Estilos para serem utilizados sobre elementos HTML comuns.
 */

.ActiveCaption {
  background-color: #54bdeb;
  color:            #FFFFFF;
  font-weight:      bold;
}

.AppWorkSpace {
  background-color: #808080;
  color:            #FFFFFF;
}

.Background {
  background-color:    #c8c7cc;
  background-position: top left;
  color:               #ffffff;
}

.BackgroundText {
  color:               #ffffff;
}

.BackgroundLine {
  border:   none;
  z-index:  5;
  float:left;
}

.backgroundStrech {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: -1;
}

.BtnFace {
  background-color: #54bdeb;
  color:            #000000;
}

.Disabled {
  background-color: #fbb8fb;
  color:            #ACA899;
}

.Highlight {
  background-color: #710c0c;
  color:            #FFFFFF;
}

.Hot {
  background-color: #710c0c;
  color:            #FFFFFF;
}

.InactiveCaption {
  background-color: #e27ce2;
  color:            #fdd6fd;
  font-weight:      bold;
}

.Info {
  background-color: #ffffc0;
  color:            #000000;
}

.Menu {
  background-color: #fdd6fd;
  color:            #000000;
}

.Topic {
  color:            #355a88;
  font-size:        18px;
}

.Selected {
  background-color: #710c0c;
  color:            #FFFFFF;
}

.Shadow {
  background-image:  url("all/shadow.png");
  height:            5px;
  background-repeat: repeat-x;
}

.ShadowLeft {
  background-image:  url("all/shadow_left.png");
  width:            5px;
  background-repeat: repeat-y;
  background-position: top left;
}

.ShadowLeftBorder {
  background-image:  url("all/shadow_left_border.png");
  width:            5px;
  height:            5px;
  background-repeat: no-repeat;
}

.ShadowRight {
  background-image:  url("all/shadow_right.png");
  width:            3px;
  background-repeat: repeat-y;
  background-position: top right;
}

.ShadowRightBorder {
  background-image:  url("all/shadow_right_border.png");
  width:            5px;
  height:            5px;
  background-repeat: no-repeat;
}

.Window {
  font-size: 20px;
  font-weight: bold;
}

.WindowFrame {
  font-size: 20px;
  width:     100%;
  line-height: 30px; /*gambiarra para separar o titulo do WindowFrameBody*/
}

.WindowFrameBody {
  background-color: #fff;
  border-top:       0px;
  border-left:      1px solid #c8c7cc;
  border-right:     1px solid #c8c7cc;
  border-bottom:    1px solid #c8c7cc;
  color:            #8e8e8e;
  font-size:        13px;
  width:            100%;
}

/**
 * Calendário utilizado nos FormEdits
 */

.Calendar {
  background-color: #ffffff;
  border:           none;
}

.cpYearNavigation, .cpMonthNavigation {
  text-align:       center;
  vertical-align:   middle;
  text-decoration:  none;
  color:            #000000;
  font-weight:      bold;
  font-family:      PhagsPa;
  font-size:         9pt;
  height:           20px;
}

TD.cpDayColumnHeader {
  text-align:       right;
  border:           1px solid #D0D0D0;
  border-width:     0px 0px 1px 0px;
  font-family:      PhagsPa;
  font-size:         9pt;
}

.cpCurrentMonthDate {
  text-align:      right;
  text-decoration: none;
  font-family:     PhagsPa;
  font-size:       10pt;
}

.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled {
  color:           #D0D0D0;
  text-align:      right;
  text-decoration: line-through;
  font-family:     PhagsPa;
  font-size:       10pt;
}

.cpCurrentDate {
  color:           #c8c7cc;
  font-weight:     bold;
  text-align:      right;
  text-decoration: none;
  font-family:     PhagsPa;
  font-size:       10pt;
}

TD.cpCurrentDate {
  color:            #FFFFFF;
  background-color: #54bdeb;
  border-width:     1px;
  border:           1px solid #c8c7cc;
}

.cpOtherMonthDate {
  color: #808080;
  text-align:      right;
  text-decoration: none;
  font-family:     PhagsPa;
  font-size:       10pt;
}


TD.cpCurrentDateDisabled {
	border-width: 1px;
	border: solid thin #FFAAAA;
}

TD.cpTodayText, TD.cpTodayTextDisabled {
  border:       solid thin #D0D0D0;
  border-width: 1px 0px 0px 0px;
}

A.cpTodayText, SPAN.cpTodayTextDisabled {
	height: 20px;
}

SPAN.cpTodayTextDisabled {
	color: #D0D0D0;
}

.cpBorder {
  border: none;
}

/**
 * percentwork.ui.Button
 */

.bigButton {
  border:              1px solid #c8c7cc;
  background-color:    #86cceb;
  font-family:         PhagsPa;
  font-size:           9pt;
  height:              64px;
  padding-left:        5px;
  padding-right:       5px;
}

.bigButtonOver {
  border:              1px solid #c8c7cc;
  background-color:    #86cceb;
  font-family:         PhagsPa;
  font-size:           9pt;
  height:              64px;
  padding-left:        5px;
  padding-right:       5px;
}

.bigButtonSelected {
  border:              1px solid #c8c7cc;
  background-color:    #86cceb;
  font-family:         PhagsPa;
  font-size:           9pt;
  height:              64px;
  padding-left:        5px;
  padding-right:       5px;
}

.bigButtonSelectedOver {
  border:              1px solid #c8c7cc;
  background-color:    #86cceb;
  font-family:         PhagsPa;
  font-size:           9pt;
  height:              64px;
}

.button {
  font-family:        PhagsPa;
  height:             30px;
  padding-left:       5px;
  padding-right:      5px;
  background-color:   #86cceb;
  color:              #fff;
  font-size:          15px;
  border:             1px solid #86cceb;
  cursor:             none;
  padding:            5px;
}

.buttonOver, .button:hover {
  font-family:        PhagsPa;
  height:             30px;
  padding-left:       5px;
  padding-right:      5px;
  background-color:   #86cceb;
  color:              #fff;
  font-size:          15px;
  border:             1px solid #666;
  cursor:             pointer;
  padding:            5px;
}

.buttonSelected, .buttonSelectedOver {
  font-family:        PhagsPa;
  height:             30px;
  padding-left:       5px;
  padding-right:      5px;
  background-color:   #86cceb;
  color:              #fff;
  font-size:          15px;
  border:             1px solid #86cceb;
  cursor:             none;
  padding:            5px;
  
}

.toolButton {
  border:              none;
  padding-left:        5px;
  padding-right:       5px;
  background-color:    #86cceb;
  font-family:         PhagsPa;
  font-size:           9pt;
  color:               #000000;
  padding-left:        5px;
  padding-right:       5px;
}

.toolButtonDown {
  border:              1px solid #f97373;
  background-color:    #86cceb;
  font-family:         PhagsPa;
  font-size:           9pt;
  color:               #000000;
  padding-left:        5px;
  padding-right:       5px;
}

.toolButtonOver {
  border:              1px solid #c8c7cc;
  background-color:    #86cceb;
  font-family:         PhagsPa;
  font-size:           9pt;
  color:               #000000;
  padding-left:        5px;
  padding-right:       5px;
}

.bigToolButton {
  border:              none;
  background-color:    #86cceb;
  font-family:         PhagsPa;
  font-size:           9pt;
  height:              64px;
  color:               #5e6e89;
  padding-left:        5px;
  padding-right:       5px;

}

.bigToolButtonOver {
  border:              1px solid #c8c7cc;
  background-color:    #86cceb;
  font-family:         PhagsPa;
  font-size:           9pt;
  height:              64px;
  color:               #5e6e89;
  padding-left:        5px;
  padding-right:       5px;
}

#basicTop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #f8f8f8;
  font-size: 15px;
  line-height: 17px;
  height: 50px;
  padding-top: 10px;
  border-bottom: 2px solid #a7a7aa;
  z-index: 3000;
}

#basicTop ul {
  vertical-align: middle; 
  line-height: 40px;
  width: 100%;
}

#basicTop li {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  height: 40px;
  vertical-align: middle;
}

#basicContainer {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: 100%;
}

#basicBottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: #f8f8f8;
  font-size: 12px;
  line-height: 14px;
  height: 60px;
  border-top: 2px solid #a7a7aa;
  z-index: 2000;
}

#basicBottom ul {
  vertical-align: middle; 
  text-align: center;
  line-height: 30px;
  width: 100%;
  padding-top: 5px;
}

#basicBottom li {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  height: 40px;
  vertical-align: middle;
}

#basicBottom li a {
  color: #000; 
}

.basicTable {
  width: 100%; 
}

.basicTable tr {
  line-height: 30px;
}

.basicTable tfoot, .basicTable thead {
  padding: 5px; 
  border-bottom: 1px solid #efeff4; 
  color: #000;
}

.basicTable td {
  padding: 5px; 
  border-bottom: 1px solid #efeff4;
  color: #8e8e8e;
}

.drop_down {
  border: 0;
  height: 40px;
}

.drop_down:hover {
  border-left: 1px solid #a7a7aa;
  border-right: 1px solid #a7a7aa;
  height: 40px;
}

/**
 * percentwork.ui.FlowChart
 */

.FlowChartPipeHorizontal {
  background-image:    url("all/pipe_horizontal.png");
  background-repeat:   no-repeat;
  background-position: center center;
}

.FlowChartPipeHorizontalTDown {
  background-image:    url("all/pipe_horizontal_t_down.png");
  background-repeat:   no-repeat;
  background-position: center center;
}

.FlowChartPipeVertical {
  background-image:    url("all/pipe_vertical.png");
  background-repeat:   no-repeat;
  background-position: center center;
}

/**
 * percentwork.ui.FormSelectEx
 */
.FormSelectExPopup {
  background-color: #FFFFFF;
  border:           1px solid #c8c7cc;
  color:            #000000;
  cursor:           default;
}

.FormSelectExOption {
  cursor:           default;
}

.FormSelectExOptionSelected {
  background-color: #54bdeb;
  color:            #FFFFFF;
  cursor:           default;
}

.FormSelectExPopupSearch {
  background-color: #ffffc0;
  border:           1px solid #c8c7cc;
  color:            #000000;
  cursor:           default;
}

/**
 * percentwork.ui.Grid
 */

.Grid {
  border:                0;//1px solid #c8c7cc;
}

.GridHeader {
  border-bottom:   1px solid #c8c7cc;
  color:           #000;
  height:          30px;
  font-weight:     bold;
}

.GridHeaderColumn {
  border-right:         0;//1px solid #c8c7cc;  
  padding-left:         4px;
  padding-right:        4px;
}

.GridRowOdd, .GridRowEven {
  background-color:      #ffffff;
  color:                 #000000;
}

.GridRowOdd:hover, .GridRowEven:hover {
  background-color:      #e3f6ff;
  color:                 #000000;
}

/*.GridRowEven {
  background-color:      #ffffff;//#e3f6ff;
  color:                 #000000;
}*/

.GridRowColumn {
  border-bottom:        1px solid #c8c7cc;
  height:               30px;
  border-right:         0;///1px solid #c8c7cc;
  padding:              2px;
  padding-left:         4px;
  padding-right:        4px;
}

.GridStatus {
  border-top:            0;//1px solid #c8c7cc;
  color:                 #000;
  font-weight:           bold;
  padding-left:          2px;
}

/**
 * percentwork.ui.FrameBar
 */

.Frame {
  color:            #000000;
  border:           1px solid #c8c7cc;
}

.FrameBar {
  background-color: transparent;
  color:            #FFFFFF;
}

.FrameBody {
  border:           0px;
  background-color: #ffffff;
  color:            #8e8e8e;
}

.FrameCaption {
  border-bottom:    0px;
  background-color: #fff;
  color:            #000;
  font-size:        18px;
}

.FrameBarClientArea {
  color:            #000;
  background-color: #fff;
  border:           1px solid #c8c7cc;
}

.MainFrame {
  color:            #000000;
  border:           1px solid #c8c7cc;
}

.MainFrameBody {
  border:           0;
  background-color: #54bdeb;
  color:            #8e8e8e;
}

.MainFrameCaption {
  border-bottom:    0px;
  background-color: #ffffff;
  color:            #5e6e89;
  font-size:        18px;
  padding-left:     2px;
}


/**
 * percentwork.ui.PageControl
 */

.TabSheet {
  border:              1px solid #c8c7cc;
  font-family:         PhagsPa;
  font-size:           9pt;
  height:              24px;
  line-height:         200%;
  margin:              0px;
  position:            absolute;
  text-align:          center;
}

.TabSheetOver {
  border:              1px solid #c8c7cc;
  font-family:         PhagsPa;
  font-size:           9pt;
  height:              24px;
  line-height:         200%;
  margin:              0px;
  position:            absolute;
  text-align:          center;
}

.TabSheetInactive {
  border:              1px solid #c8c7cc;
  font-family:         PhagsPa;
  font-size:           9pt;
  height:              24px;
  line-height:         200%;
  margin:              0px;
  position:            absolute;
  text-align:          center;
}

.TabSheetInactiveOver {
  border:              1px solid #c8c7cc;
  font-family:         PhagsPa;
  font-size:           9pt;
  height:              24px;
  line-height:         200%;
  margin:              0px;
  position:            absolute;
  text-align:          center;
}

.TabSheetPanel {
  border:              1px solid #c8c7cc;
  background-color:    #54bdeb;
  left:                0px;
  margin:              0px;
  padding:             6px;
  position:            absolute;
  top:                 38px;
}

/**
 * percentwork.ui.treeview.TreeView
 */

.TreeView {
  background-color:    #FFFFFF;
}

.TreeViewPanel {
  background-color:    #FFFFFF;
  border:              1px solid;
  border-color:        #91A7B4;
}

/**
 * Application Top
 */

.ApplicationTop {
  background-color:    #c8c7cc;
  color:               #FFFFFF;
}

.ApplicationTopBar {
  color:               #ebf4ff;
}

.ApplicationTopBar:hover {
  color:               #ebf4ff;
}

.ApplicationTopBarSeparator {
  background-image:    url('all/application_top_bar_separator.gif');
  background-position: center center;
  width:               6px;
}

.ApplicationTopHeader {
  background-image:      url("all/application_top_header.png");
  background-position:   left top;
  background-repeat:     repeat-x;
  color:                 #FFFFFF;
}

.ApplicationTopHeaderSeparator {
  background-image:      url("all/application_top_header_separator.png");
  background-position:   left top;
  background-repeat:     repeat-x;
}

.ToolBar {
  background-color:    #54bdeb;
}

.ToolBarLeft {
  background-color:    #54bdeb;
  width:               12px;
}

.ToolBarRight {
  background-color:    #54bdeb;
  width:               12px;
}

/**
 * Application ListView
 */

.ApplicationListView {
  background-color: #54bdeb;
  color:            #000000;
}

.ApplicationListViewBody {
  border:           1px solid #c8c7cc;
  border-top:       none;
  background-color: #54bdeb;
  color:            #000000;
  font-weight:      normal;
  padding:          0px;
}

.ApplicationListViewHeader {
  border:                1px solid #c8c7cc;
  color:                 #5e6e89;
  font-weight:           bold;
}

.ApplicationListViewItem {
  border:                1px solid #c8c7cc;
  border-top:            none;
  color:                 #204d89;
  text-decoration:       none;
  font-weight:           normal;
  padding-left:          4px;
  padding-right:         4px;
  height:                32px;
  width:                 100%;
  cursor:                default;
}

.ApplicationListViewItemHover {
  border:                1px solid #c8c7cc;
  border-top:            none;
  color:                 #204d89;
  text-decoration:       none;
  font-weight:           normal;
  padding-left:          4px;
  padding-right:         4px;
  height:                32px;
  width:                 100%;
  cursor:                default;
}

.ApplicationListViewItemSelected {
  border:                1px solid #c8c7cc;
  border-top:            none;
  color:                 #204d89;
  text-decoration:       none;
  font-weight:           normal;
  padding-left:          4px;
  padding-right:         4px;
  height:                32px;
  width:                 100%;
  cursor:                default;
}

.ApplicationListViewItemSelectedHover {
  border:                1px solid #c8c7cc;
  border-top:            none;
  color:                 #204d89;
  text-decoration:       none;
  font-weight:           normal;
  padding-left:          4px;
  padding-right:         4px;
  height:                32px;
  width:                 100%;
  cursor:                default;
}

/**
 * Application TreeView
 */

.ApplicationTreeView {
  background-color: #c8c7cc;
  color:            #000000;
}

.ApplicationTreeViewHeader {
  background-color: #c8c7cc;
  border-bottom:    2px solid #3b619c;
  color:            #000000;
  font-weight:      normal;
  height:           19px;
  padding-left:     3px;
}

/**
 * Password
 */

.Password {
  background-color:    #c8c7cc;
  color:               #000000;
}

.PasswordHeader {
  color:                 #FFFFFF;
}

/**
 * Menu Ribbon
 */


.ribbonContainer {
  background-image:  url('all/ribbon_tab_container_background.png');
  background-repeat: repeat-x;
  height:            90px;
  width:             100%;
}

.ribbonTabBar {
  background-image:  url('all/ribbon_tab_background_1.png');
  background-repeat: repeat-x;
  height:            27px;
  width:             100%;
}

.ribbonTabContainer {
  position:         absolute;
  height:           90px;
  width:            100%;
  visibility:       hidden;
}

.ribbonTabPanel {
  background-image:  url('all/ribbon_tab_panel_background.png');
  background-repeat: repeat-x;
  border:            1px solid #c8c7cc;
  cursor:            default;
  float:             left;
  margin-right:      2px;
  margin-top:        1px;
  padding:           0px;
  height:            89px;
}

.ribbonTabPanelClient {
  cursor:           default;
  float:            none;
  padding:          0px;
  height:           66px;
}

.ribbonTabPanelOver {
  background-image: url('all/ribbon_tab_panel_over_background.png');
  background-repeat: repeat-x;
  border:            1px solid #c8c7cc;
  cursor:            default;
  float:             left;
  margin-right:      2px;
  margin-top:        1px;
  padding:           0px;
  height:            89px;
}

.ribbonTabPanelTitle {
  cursor:           default;
  font-size:        8pt;
  font-family:      PhagsPa;
  float:            none;
  padding:          0px;
  padding-top:      8px;
  height:           17px;
  text-align:       center;
  color:            #5e6e89;
  font-weight:      bold;
}

.ribbonTab {
  background-image:  url('all/ribbon_tab_background.png');
  background-repeat: repeat-x;
  color:             #5e6e89;
  cursor:            pointer;
  float:             left;
  padding-bottom:    0px;
  height:            25px;
  line-height:       25px;
}

.ribbonTabOver {
  background-image:  url('all/ribbon_tab_over_background.png');
  background-repeat: repeat-x;
  color:             #5e6e89;
  cursor:            pointer;
  float:             left;
  padding-bottom:    0px;
  height:            25px;
  line-height:       25px;
}

.ribbonTabOverLeft {
  background-image:  url('all/ribbon_tab_over_left.png');
  background-repeat: no-repeat;
  cursor:            default;
  float:             left;
  height:            25px;
  width:             5px;
}

.ribbonTabOverRight {
  background-image:  url('all/ribbon_tab_over_right.png');
  background-repeat: no-repeat;
  cursor:            default;
  float:             left;
  height:            25px;
  width:             8px;
}

.ribbonTabSelected {
  background-image:  url('all/ribbon_tab_selected_background.png');
  background-repeat: repeat-x;
  color:             #5e6e89;
  cursor:            pointer;
  float:             left;
  padding-bottom:    0px;
  height:            25px;
  line-height:       25px;
}

.ribbonTabSelectedLeft {
  background-image:  url('all/ribbon_tab_selected_left.png');
  background-repeat: no-repeat;
  cursor:            default;
  float:             left;
  height:            25px;
  width:             5px;
}

.ribbonTabSelectedRight {
  background-image:  url('all/ribbon_tab_selected_right.png');
  background-repeat: no-repeat;
  cursor:            default;
  float:             left;
  height:            25px;
  width:             7px;
}

.ribbonTabSelectedOver {
  background-image:  url('all/ribbon_tab_selected_over_background.png');
  background-repeat: repeat-x;
  color:             #5e6e89;
  cursor:            default;
  float:             left;
  padding-bottom:    0px;
  line-height:       25px;
  height:            25px;
}

.ribbonTabSelectedOverLeft {
  background-image:  url('all/ribbon_tab_selected_over_left.png');
  background-repeat: no-repeat;
  cursor:            default;
  float:             left;
  height:            25px;
  width:             6px;
}

.ribbonTabSelectedOverRight {
  background-image:  url('all/ribbon_tab_selected_over_right.png');
  background-repeat: no-repeat;
  cursor:            default;
  float:             left;
  height:            25px;
  width:             6px;
}

.ribbonTabSeparator {
  background-color:    transparent;
  cursor:            default;
  float:             left;
  height:            24px;
  width:             4px;
}

.ribbonTabSeparatorLeft {
  background-image:  url('all/ribbon_tab_left.png');
  background-repeat: no-repeat;
  cursor:            default;
  float:             left;
  height:            25px;
  width:             5px;
}

.ribbonTabSeparatorRight {
  background-image:  url('all/ribbon_tab_right.png');
  background-repeat: no-repeat;
  cursor:            default;
  float:             left;
  height:            25px;
  width:             6px;
}


.ribbonModule{
  border:                1px solid #c8c7cc;
  z-index:               10;
  background-color:      #54bdeb;
  color:                 #000000;
  font-family:           PhagsPa;
}

.ribbonLimit {
  background-image:  url('all/ribbon_limit.png');
  background-repeat: repeat-x;
}

.ribbonList {
  background-image:  url('all/ribbon_list.png');
  background-repeat: repeat;
}

.ribbonListTopic {
  background-image:  url('all/ribbon_list_topic.png');
  background-repeat: repeat;
  padding:3px;
  border-bottom: 1px solid #c8c7cc;
  border-top:1px solid #c8c7cc;
  font-size:11pt;
  color:#15428b;
  background-color: #54bdeb;
}

.ribbonListItem {
  padding-left:3px;
  padding-right:3px;
}

.ribbonListItemIcone {
  background-image:  url('all/ribbon_list_topic.png');
  background-repeat: repeat;
  text-align:       center;
  width:25px;
  height:25px;
  padding-right:3px;
  background-color: #54bdeb;
}

/**
 * Login
 */


.box {
  background-image:  url('all/box.png');
  background-repeat: repeat-x;
  height:237px;
  float:left;
}

.boxLeft {
  background-image:  url('all/box_left.png');
  background-repeat: no-repeat;
  width:17px;
  height:237px;
  float:left;
}

.boxRight {
  background-image:  url('all/box_right.png');
  background-repeat: no-repeat;
  width:17px;
  height:237px;
  float:left;
}


#basicTop {
  background-color: #f8f8f8;
  color: #000;
  border-bottom: 2px solid #a7a7aa;
  font-size: 15px;
}