@import url(/style/anvil-ui.css);

html, body, form { }

body { margin: 0; padding: 0; background-color: #fff; font-family: Microsoft Sans-Serif, Helvetica; font-size: 13px; }

/*	need this declaration for Firefox or it applies a default font for
	buttons */
button { font-family: Microsoft Sans-Serif, Helvetica; font-size: 13px; }

input { outline: none; }

input[type=password] { background-color: #fff; border-top: 1px solid #ccc; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #ccc; padding: 3px; }
input[type=password]:focus { background-color: #f7f7f7; }
input[type=password].common_textbox_error { color: #ff0033; background-color: #FFF0F8; border: 1px solid #ff0033; }

input[type=text] { background-color: #fff; border-top: 1px solid #ccc; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #ccc; padding: 3px; } 
input[type=text]:focus { background-color: #f7f7f7; }
input[type=text][readonly] { color: #555; background-color: transparent; }
.dataContainer input[type=text] { background-color: transparent; border: none; padding:3px;}
input[type=text].common_textbox_error { color: #ff0033; background-color: #FFF0F8; border: 1px solid #ff0033; }

h2 { margin: 0px 0px 8px 0px; text-transform: uppercase; font-size: 1.2em; }
h3 { margin: 0px 0px 8px 0px; text-transform: uppercase; font-size: 1.1em; }

select { background-color: #ffffff; border-top: 1px solid #cccccc; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #cccccc; }

textarea { font-family: Microsoft Sans-Serif, Helvetica; background-color: #ffffff; border-top: 1px solid #cccccc; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #cccccc; padding: 3px; outline: none; resize: none; } 
textarea:focus { background-color: #f7f7f7; }

a { text-decoration: none; cursor: pointer; color: #1c78b5; /*#00adee;*/ outline: none; }
a:visited { text-decoration: none; cursor: pointer; color: #1c78b5; /*#00adee;*/ }

.bold { font-weight: bold; }

.bodyContent, #bodyContent { width: 970px; }

.centeredWrapper { left: 0px; right: 0px; }

.centered { position: relative; top: 0px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; }

/* Data Fields*/
.dataFieldContainer { margin-bottom: 4px; }
.dataFieldLabel { float: left; margin-top: 3px; width: 110px; }

.dataFieldValueWrapper-SingleLine, .dataFieldValue-SingleLine { float: left; height: 23px; }
.dataFieldValueWrapper-SingleLine { padding: 3px 5px 0px 5px; width: 226px; background-image: url('/images/Controls/textbox_23x236.png'); background-repeat: no-repeat; }

.dataFiledValue-SingleLine { border: 0; }

/* Table Item Images */
.linkContainer { }

.smallIconContainer { }
.smallIconContainer img { }

.mediumIconContainer, .mediumRightIconContainer { padding: 5px 5px 5px 5px; vertical-align: middle; }
.mediumIconContainer { float: left; }
.mediumRightIconContainer { float: right; }

.mediumIconContainer img, .mediumRightIconContainer img { height: 20px; width: 20px; border-style: none; }
.mediumIconContainer a, .mediumRightIconContainer a { text-decoration: none; border-style: none; cursor: pointer; }

/* Table Item States */
.rowWithRollover { cursor: pointer; color: #000000; }
.rowMouseOver { color: #FFFFFF; background-color: #00adee; }
.rowSelected { color: #FFFFFF; background-color: #999; }

.selected { background-image: url('../images/selected_bg.png'); color: #FFFFFF; }

.mouseOver { color: #FFFFFF; cursor: pointer; }

.notSelected { background-color: #FFFFFF; }

.row { cursor: pointer; background-color: #FFFFFF; color: #000000; }
.row_mouseover { background-color: #00ADEE; color: #FFFFFF; }
.row_selected { background-color: #878A8C; color: #FFFFFF; }

/*  Default */
.default .pageHeaderWrapper { background-color: #FFFFFF; clear: both; }
.default .tabHeader { float: left; width: 100%; height: 74px; font-size: 14px; color: #FFFFFF; border-top: solid 1px #FFFFFF; background-image: url('../images/Backgrounds/headerBackground.png'); background-position: 0px 0px; background-repeat: repeat-x; }

/* Override webtule page tab background */
#webtuleTabPage .tabHeader { background-image: url('../images/Backgrounds/headerBackground.png'); background-position: 0px -75px; color: #000; }

#webtuleTabPage .tabHeader a { color: #000; }

.default .pageContentWrapper { }
.default .tabContent { }

.default .tabHeader .leftContent { float: left; margin: 7px 0px 0px 30px; }
.default .tabHeader .rightContent { float: right; margin: 7px 12px 0px 0px; }

.default .siteHeader_tab_container { }
.default .siteHeader_tab_page_container { }
.default .siteHeader_tab_page { }
.default .siteHeader_tab_strip { margin: 22px 0px 0px 0px; padding: 0px 0px 0px 10px; border: none 0px; position: relative; top: 1px; }
.default .siteHeader_tab { padding: 5px 0px 0px 0px; margin: 0px 10px 0px 0px; float: right; width: 177px; height: 35px; cursor: pointer; background-position: 0px 0px; background-image: url('/images/tabs/tabbackground.png'); background-repeat: no-repeat; }
.default .siteHeader_tab img { border: none; }

.default .header_tab_blue { background-position: 0px -83px; position: relative; }
.default .header_tab_blue_mouseover { background-position: 0px -124px; }

.default .header_tab_orange { background-position: 0px -1px; position: relative; }
.default .header_tab_orange_mouseover { background-position: 0px -42px; }

.default .header_tab_grey { background-position: 0px -165px; }
.default .header_tab_grey_mouseover { background-position: 0px -205px; }


/* USE THESE EVERYWHERE */
.left { float: left; }
.right { float: right; }
.hidden { display: none; }
.placeHolder { clear: both; }

.common_master { width: 917px; margin: 10px auto 10px auto; }
.common_clear { clear: both; }
.common_placeholder { clear: both; }
.common_left { float: left; }
.common_right { float: right; }
.common_hidden { display: none; }
.common_vertical_scroll { overflow-x: hidden; overflow-y: auto; }
.common_overflow_auto { overflow: auto; }
.common_horizontal_center { margin: 0px auto 0px auto; }
.common_pointer { cursor: pointer; }
.common_defaultCursor { cursor: default; }
.common_center_textalign { text-align: center; }
.common_linkColor { color: #1c78b5; }
.common_blue { color: #00ADEE; }

/* TEXTBOX AND LABELS */
.common_textbox_label_small, .common_textbox_label_medium { height: 18px; padding: 5px 0px 0px 0px; width: 50px; float: left; }
.common_textbox_label_medium { height: 19px; padding: 4px 0px 0px 0px; }

.common_textbox_watermark { color: #65686a; font-style: italic; }

/* BUTTONS */
.common_button { border: none 0px; background-color: Transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 80px; float: left; cursor: pointer; -moz-outline-style: none; outline: none; color: #1c78b5; }
.common_button_content { }
.common_button_left, .common_button_right { height: 23px; width: 6px; background-repeat: no-repeat; }
.common_button_left { float: left; background-image: url('/images/button/button_left.png'); }
.common_button_right { float: right; background-image: url('/images/button/button_right.png'); }
.common_button_main { font-weight: bold; height: 20px; background-image: url('/images/button/button_main.png'); background-repeat: repeat-x; padding: 3px 0px 0px 0px; margin: 0px 6px 0px 6px; }
.common_button_mouseover { color: #fff; background-position: 0px -24px; }
.common_button_disabled { color: #999; background-position: 0px 0px; cursor: default; }

.common_iconbutton { border: none 0px; background-color: Transparent; width: 70px; height: 30px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; cursor: pointer; }
.common_iconbutton_content { margin: 0 auto; }
.common_iconbutton_icon { float: right; height: 30px; width: 30px; }
.common_iconbutton_icon img { height: 30px; width: 30px; border: none; }
.common_iconbutton_text { float: left; margin: 9px 0px 0px 7px; }

/* TABS - TOP */
.common_top_tab_container { overflow: auto; }

.common_top_tab_page_container { border: solid 1px #b1c0c9; overflow: auto; clear: both; position: relative; top: -1px; }
.common_top_tab_page { margin: 0px 0px 0px 10px; overflow: auto; }

.common_top_tab_strip { border: none 0px; float: left; position: relative; z-index: 1000; }

.common_top_tab { float: left; width: auto; cursor: pointer; margin: 0px 1px 0px 2px; }
.common_top_tab_left, .common_top_tab_right { height: 23px; width: 6px; background-position: 0px -24px; background-repeat: no-repeat; }
.common_top_tab_left { float: left; background-image: url('/images/tabs/tab_top_left.png'); }
.common_top_tab_right { float: left; background-image: url('/images/tabs/tab_top_right.png'); }
.common_top_tab_main { color: #1c78b5; height: 20px; /* 20px + 3px (padding) = 23px  */ padding: 3px 9px 0px 9px; background-position: 0px -24px; background-image: url('/images/tabs/tab_top_main.png'); background-repeat: repeat-x; text-align: center; font-weight: bold; float: left; }
.common_top_tab_selected { background-position: 0px 0px; }
.common_top_tab_label { margin: 4px 0px 0px 0px; font-size: small; }

/* TABS - BOTTOM */
.common_bottom_tab_container { overflow: auto; }
.common_bottom_tab_page_container { border: solid 1px #b1c0c9; padding: 10px 10px 10px 10px; }
.common_bottom_tab_page { }
.common_bottom_tab_strip { position: relative; margin: -1px 0px 0px 0px; padding: 0px 0px 0px 10px; border: none 0px; overflow: auto; }
.common_bottom_tab { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 2px; width: 50px; float: left; cursor: pointer; }
.common_bottom_tab_left, .common_bottom_tab_right { height: 23px; width: 6px; background-repeat: no-repeat; }
.common_bottom_tab_left { float: left; background-image: url('/images/tabs/tab_bottom_left.png'); }
.common_bottom_tab_right { float: right; background-image: url('/images/tabs/tab_bottom_right.png'); }
.common_bottom_tab_main { color: #1c78b5; height: 20px; background-image: url('/images/tabs/tab_bottom_main.png'); background-repeat: repeat-x; padding: 3px 0px 0px 0px; margin: 0px 6px 0px 6px; text-align: center; font-weight: bold; }
.common_bottom_tab_selected { background-position: 0px -24px; }

/* COMMON STYLE - OVERRIDES */
.label_width { width: 80px; }

/* COMMON SECTION PANEL LAYOUT */

.common_section { border: solid 1px #acacad; background-color: #e5e9eb; margin: 0px auto; padding: 10px 20px 20px 20px; }
.common_section_header { margin: 0px 0px 8px 0px; padding: 1px; }
.common_section_header_title { float: left; max-width: 400px; }
.common_section_header_icon { float: left; }
.common_section_header_text { float: left; margin: 6px 0px 0px 4px; font-weight: bold; }
.common_section_header_step { float: right; margin: 6px 0px 0px 4px; }
.common_section_header_buttons { float: right; }

.common_section_content { border: solid 1px #999999; background-color: #ffffff; overflow: auto; clear: both; }

.common_section_subsection { float: left; clear: both; }

.common_section_footer { overflow: auto; margin: 10px 0px 0px 0px; }

/*		Rounded Corner Container	*/
.common_roundedCornerTopBar { height: 4px; position: relative; z-index: 2; }
.common_roundedCornerTopBarMiddle { border-top: solid 1px #999; height: 4px; margin: 0px 4px 0px 4px; }
.common_roundedCornerTopLeft, .common_roundCornerTopLeft_darkBackground, .common_roundedCornerTopLeft_blueBackground, .common_roundedCornerTopLeft_grayBackground, .common_roundedCornerTopLeft_whiteBackground { float: left; background-image: url('/images/roundedcorners/corner_top_left.png'); width: 4px; height: 4px; }
.common_roundedCornerTopRight, .common_roundCornerTopRight_darkBackground, .common_roundedCornerTopRight_blueBackground, .common_roundedCornerTopRight_grayBackground, .common_roundedCornerTopRight_whiteBackground { float: right; background-image: url('/images/roundedcorners/corner_top_right.png'); width: 4px; height: 4px; position: relative; z-index: 2; }
.common_roundedCornerContentBorders { border-left: solid 1px #999; border-right: solid 1px #999; }
.common_roundedCornerContent { position: relative; z-index: 10; top: -3px; overflow: auto; /* padding: 9px 10px 4px 10px;  */ }
.common_roundedCornerContentNoScroll { top: -3px; padding: 1px 1px 1px 10px; }
.common_roundedCornerBottomBar { height: 4px; position: relative; z-index: 2; }
.common_roundedCornerBottomLeft, .common_roundCornerBottomLeft_darkBackground, .common_roundedCornerBottomLeft_grayBackground, .common_roundedCornerBottomLeft_whiteBackground { float: left; background-image: url('/images/roundedcorners/corner_bottom_left.png'); width: 4px; height: 4px; }
.common_roundedCornerBottomRight, .common_roundCornerBottomRight_darkBackground, .common_roundedCornerBottomRight_grayBackground, .common_roundedCornerBottomRight_whiteBackground { float: right; background-image: url('/images/roundedcorners/corner_bottom_right.png'); width: 4px; height: 4px; }
.common_roundedCornerBottomMiddle { border-bottom: solid 1px #999; margin: 0px 4px 0px 4px; height: 4px; }
.common_roundedCornerTopLeft_whiteBackground { background-image: url('/images/roundedcorners/corner_top_left_whitebackground.png'); }
.common_roundedCornerTopRight_whiteBackground { background-image: url('/images/roundedcorners/corner_top_right_whitebackground.png'); }
.common_roundedCornerBottomLeft_whiteBackground { background-image: url('/images/roundedcorners/corner_bottom_left_whitebackground.png'); }
.common_roundedCornerBottomRight_whiteBackground { background-image: url('/images/roundedcorners/corner_bottom_right_whitebackground.png'); }
.common_roundedCornerTopRight_blueBackground { background-image: url('/images/roundedcorners/corner_top_right_bluebackground.png'); }
.common_roundedCornerTopLeft_blueBackground { background-image: url('/images/roundedcorners/corner_top_left_bluebackground.png'); }
.common_roundedCornerTopRight_grayBackground { background-image: url('/images/roundedcorners/corner_top_right_graybackground.png'); }
.common_roundedCornerTopLeft_grayBackground { background-image: url('/images/roundedcorners/corner_top_left_graybackground.png'); }
.common_roundedCornerBottomLeft_grayBackground { background-image: url('/images/roundedcorners/corner_bottom_left_graybackground.png'); }
.common_roundCornerBottomLeft_darkBackground { background-image: url('/images/roundedcorners/corner_bottom_left_darkbackground.png'); }
.common_roundedCornerBottomRight_grayBackground { background-image: url('/images/roundedcorners/corner_bottom_right_graybackground.png'); }
.common_roundCornerBottomRight_darkBackground { background-image: url('/images/roundedcorners/corner_bottom_right_darkbackground.png'); }
.common_roundCornerTopLeft_darkBackground { background-image: url('/images/roundedcorners/corner_top_left_darkbackground.png'); }
.common_roundCornerTopRight_darkBackground { background-image: url('/images/roundedcorners/corner_top_right_darkbackground.png'); }

.common_roundedCorners_blue_borders { border-left: solid 1px #00adee; border-right: solid 1px #00adee; }
.common_roundedCorners_blue_topBarMiddle { border-top: solid 1px #00adee; height: 4px; margin: 0px 4px 0px 4px; }
.common_roundedCorners_blue_bottomBarMiddle { border-bottom: solid 1px #00adee; height: 3px; margin: 0px 4px 0px 4px; }
.common_roundedCorners_blue_topLeft, .common_roundedCorners_blue_topRight, .common_roundedCorners_blue_bottomLeft, .common_roundedCorners_blue_bottomRight { width: 4px; height: 4px; background-image: url('/images/roundedcorners/blue_corners.png'); border: none; }
.common_roundedCorners_blue_topLeft { float: left; background-position: 0px 0px; }
.common_roundedCorners_blue_topRight { float: right; background-position: 4px 0px; }
.common_roundedCorners_blue_bottomLeft { float: left; background-position: 0px 4px; }
.common_roundedCorners_blue_bottomRight { float: right; background-position: 4px 4px; }

/* COMMON - Checkbox */

.common_checkbox { width: 23px; height: 17px; background-image: url('/images/checkbox/checkbox.png'); }
.common_checkbox_unchecked { background-position: 0px 0px; }
.common_checkbox_checked { background-position: 0px 17px; }

/* jQuery Modal Popup CSS*/
.ui-widget-overlay { background-color: #000000; filter: alpha(opacity=60); opacity: 0.6; position: absolute; left: 0; top: 0; }

/*			TITLE BAR			*/
/*	We disable the title bar to customize the dialog window */
.ui-dialog-titlebar { display: none; }