/*   
    CSS for Styling FieldGroups and their display styles, 
    along with contents of field groups (fieldcontrols, pagers, filter controls etc) 
*/

/* DEBUG Stuff, put this right at the end, so that it overrides all other pretty styling! */
.vertical_control_container_debug
{
	border-color: Fuchsia;
	border-style: solid;
	border-width: 1px;
	margin: 1px;
}
.horizontal_control_container_debug
{
	border-color: Green;
	border-style: solid;
	border-width: 1px;
	margin: 1px;
}
.horizontal_control_container_debug .simple_pane_body
{
	padding: 1px;
}
.vertical_control_container_debug .simple_pane_body
{
	width: 99%;
}
/* End of Debug stuff */


/* UIC2.5 Theme classes */

/* START new fieldgroup theme classes (NOTE: seperate color from 'layout')*/

.fieldgroup_container .simple_pane, .fieldgroup_container .simple_pane_no_title
{
    padding: 0;
    margin: 10px 0;
}

.fieldgroup_container .simple_pane_title { 
	width:100%;
	*display:block; 
	*width:auto;
	padding:0;
	margin:0;
}

.fieldgroup_container h1.simple_pane_title span.simple_pane_titlebar {
	padding: 0;
	height: 35px;
	line-height: 2.4;
	padding-left: 10px;
} 
.fieldgroup_container .simple_pane_titlebar {
    border: none;
    background: #ededed;
    color: #3f3d45;
    font-size: 15px;
    border-radius:5px;
}

.fieldgroup_container .simple_pane_no_title { border:1px solid #5a9ed9; }
.fieldgroup_container .fieldgroup_fieldset { border:0; }
.fieldgroup_container .collapsed_pane {padding:0;border-bottom:0px;}
.simple_pane_titlebar_button_shown { 
	background: url(../images/simplepanetitle_button.png) no-repeat center center;
}

.simple_pane_titlebar_button_collapsed { 
background: url(../images/simplepanetitle_buttoncollapsed.png) no-repeat center center;
 }
 
.simple_pane_titlebar_button_shown, .simple_pane_titlebar_button_collapsed {
	float: left;
	display:block;
	width: 30px;
	height: 30px;
	border: none;
	text-indent:-9999px;
}

.fieldgroup_container .simple_pane_titlebar BUTTON {
    float:right;
    margin: 3px 4px 0 0;   
    cursor: pointer;
    outline: none;
}

/*
.fieldgroup_container .simple_pane > .fieldgroup_body, 
.fieldgroup_container .simple_pane_no_title > .fieldgroup_body {
    padding: 10px;   
}
*/

/* END new fieldgroup theme classes*/

/* START New tabbed field group classes */

.tabbedfieldgroup_container {margin:2px;}
.tabbedfieldgroup_container .tablist {list-style:none; padding:0;margin:0 0 -1px 0;overflow:hidden;}
.tabbedfieldgroup_container .tablist li {
    border-bottom: 1px solid #29567f;
    padding: 8px 0;
    background: #29567f;
    border: none;
}
.tabbedfieldgroup_container .tablist .activetab,
.tabbedfieldgroup_container .tablist .activetab:hover {
    background:#fff;
    font-weight:normal;
    border: 1px solid #2fa1db;
    border-bottom:1px solid #fff; 
    color: #273657;
}
.tabbedfieldgroup_container .tablist a {color:#fff; padding: 8px 10px;}
.tabbedfieldgroup_container .tablist .activetab a {color: #273657;}
.tabbedfieldgroup_container .tabbedfieldgroup_body {
    border:1px solid #2fa1db; 
    margin-bottom: 10px;
    padding: 10px;
}

.tabbedfieldgroup_container .tablist li:hover {
    background: #2fa1db;   
}

.tabbedfieldgroup_container .tablist li a:hover {
    color: #ffffff;
}

/* END new tabbed field group classes */


/* START new DataPager theme classes*/

.datapager_container .datapager_table {border-top:1px solid #ccc; border-left:1px solid #ccc;}
.datapager_table .header_cell,
.datapager_table .datapager_data_cell {
    border-bottom: 1px solid #ccc; 
    border-right: 1px solid #ccc;
    padding: 10px;
}

.datapager_table .result_odd_row {}
.datapager_table .result_even_row {}

.datapager_table .header_row {background: #29567f;}

.datapager_table .header_cell {
  overflow: hidden;
  vertical-align: bottom;
  padding: 10px;
  text-align: left;
}

/*.datapager_table .header_cell .expand_button {background:transparent url(../images/expandcolumn.png) no-repeat center center;}
.datapager_table .header_cell .collapse_button {background:transparent url(../images/collapsecolumn.png) no-repeat center center;}*/

.datapager_table .header_cell .sort_column_button {width:24px; height:16px; border:0;}
.datapager_table .sortedascending .sort_column_button {background:transparent url(../images/sorted_up.png) no-repeat center center;}
.datapager_table .sorteddescending .sort_column_button {background:transparent url(../images/sorted_down.png) no-repeat center center;}
.datapager_table .sortable .sort_column_button {
    background:transparent url(../images/sortable.png) no-repeat center center;
}

.datapager_table .sort_column_button {
    cursor: pointer;
}

.disable_wrapping {
  white-space: nowrap;
}

.toolbar_container .active_button {}

.toolbar_container .dropdown_button { 
    background: #29567f url(../images/dropdownbutton_bg.png) no-repeat right center;
    color: #ffffff;
}

.toolbar_container .dropdown_container {
    margin: 0;
    padding: 10px;
    left: initial !important;
    min-width: 200px;
    right: 30px;
    border: 1px solid #2fa1db;
    background: #fff;
}

/* END new DataPager theme classes*/

/* START FIlter control theme classes */
.filter_control .dropdown_button { 
    background: url(../Images/SimplePaneTitleButton.png) no-repeat right center; 
    background-color: #ffffff;
    padding:3px 25px 3px 10px;
    margin-left: 5px;
    color:#273657; 
    border: 1px  solid #2fa1db;
}
.filter_control .dropdown_container {border:1px solid#99b4cb;background:#ffffff; margin-left:5px;}

.filter_control .dropdown_container label { padding: 2px;}
.filter_control .dropdown_container input {margin-top: -3px; vertical-align:middle;}

/* END Filter Control Theme Classes */
.int_spinner_button { border:#99b4cb 1px solid; background:#ABC7E5; color: #273657; }
.ui-selected {background-color: #99b4cb;}
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }

/*Document Manager Theming*/
.documentmanagercontent #pagebody
{
    border-top: 1px solid #273657;
}

.documentmanagercontent .treecontentpane_titlebar
{
    padding: 4px 0.8em 4px 0.8em;
    border-bottom: 1px solid #ccc;
    background: #e6e6e6 url(../images/simplepanetitle_bg.png) repeat-x top left;
    color: #273657;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
}

.documentmanagercontent #treecontent_menu
{
    margin-left:8px;
}

.documentmanagercontent #treecontent_menu a:link, #treecontent_menu a:visited
{
    border:none;
}

.documentmanagercontent #treecontent_menu .treecontent_tabs
{
    list-style: none;    
    border:none;
    margin:0;
    padding:0;
}

.documentmanagercontent #treecontent_menu .treecontent_tabs li
{
    float:left;
    border:none;
    background:#273657;
}

.documentmanagercontent #treecontent_menu .treecontent_tabs .menuitem
{
    border:1px solid #273657;
    margin-right:2px;
    padding:0;
}

.documentmanagercontent #treecontent_menu .treecontent_tabs .activemenuitem
{
    border:none;
    background:#d5edfb;
    border-left:1px solid #273657;
    border-top:1px solid #273657;
    border-right:1px solid #273657;
    border-bottom: 2px solid #d5edfb;
    margin-right:2px;
    padding:0;
}

.documentmanagercontent #treecontent_menu .treecontent_tabs .activemenuitem a:link, #treecontent_menu .treecontent_tabs .activemenuitem a:visited
{
    color:#273657;
    font-weight:bold;
}

/*.treeview_control
{
    height: 750px;
}

.contents_container
{
    height: 750px;
}
*/
.treeview_tree
{
    background:transparent !important;
}
.ac_combo_button { background:  url(../images/SimplePaneTitleButtonShown.png) no-repeat center center; border:0px; padding:0px;margin:0px;height:16px;width:16px;}

/* endorsement Advanced/Basic options styling */
.transparent.fieldgroup_container .simple_pane_titlebar {
    background-color: transparent !important;
    padding-left:24px !important;
}

.transparent.fieldgroup_container .simple_pane {
    margin-top: 4px;
}

.no_labels .control_label {
    display: none;
}

.pb_0 .simple_pane, .pb_0 .fieldgroup_container {
    margin-bottom: 0;
}
