/*
Peach       #f59d56;
Blue        #3591a8;
Green       #9dbb61;
*/

/*
Blue        #3591a8
Dark Blue   #11628a
Green       #5dc364
Peach       #f59d56
Grey        #626262
*/

/* TEXT STYLES
   ----------------------------------------------------*/
* {
	margin: 0;
}

html, form {height: 100%;}

body
{
    margin:0;
    padding:0;
    text-align:center;
    background:#fff;
    font-family:tahoma, arial, verdana, sans-serif;
    font-size:62.5%;
	color:#626262;
	line-height:1.5;
	height: 100%;
}

a
{
    color:#3591a8;
    text-decoration:none;
}

a:hover
{
    color:#344551;
    text-decoration:underline;
}

.mainFont
{
    padding:3px 0;
    margin:0;
    line-height:1.3;
    /*font-size:1.2em;*/
}

h2
{
    text-decoration:none;
    font-size:1em;
    color:#11628a;
}

h3
{
    color:#5dc364;
    text-decoration:none;
    font-size:1.2em;
}

p
{
    padding:0;
    margin:0 0 6px 0;
    line-height:1.5;
}

p.float
{
    float:left;
}

.clear{ clear:both;}
.clearright{ clear:right;}
.clearleft{ clear:left;}

select, input
{
    font-size:1em;
    color:#344551;
}
textarea
{
    font-size:1.1em;
    color:#344551;
}
.row
{
    clear:both;
    overflow:hidden;
    padding:6px;
}
.alternatingrow
{
    clear:both;
    background:#efefef;
    overflow:hidden;
    padding:6px;
}

span.successtext
{
    color:Green;
    padding:0 1em 0 0;
}

span.failedtext
{
    color:Red;
    padding:0 1em 0 0;
}

.insert
{
    margin:1em;
    padding:6px;
    border:solid 1px #c3c4c4; 
    overflow:hidden;
}

.inputForm{padding:10px;}
.inputForm p
{
    clear:both;
    min-height:2em;
}

.inputForm p label
{
    float: left;
	width: 9em;
}
/* ----------------------------------------------------*/


#dashboardwrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -71px; /* the bottom margin is the negative value of the footer's height */
}


#dashboardheaderwrap
{
    background:#fff;
    /*background:#fff url('Images/logo.jpg') no-repeat;*/
    overflow:hidden; 
}

#dashboardheader
{
    min-width:910px;
    max-width:1400px;    
    height:90px;    
    margin:0 auto;
    padding:0;
    clear:both;
    overflow:hidden;
    text-align:left;
}

#dashboardheader h1 a
{
    color:#fff;
}

#dashboardheader h1 a:hover
{
    color:#eee; 
}

#dashboardmainnavwrap
{
    background:#fff url('Images/mainnav_bg.gif') repeat-x;
    height:35px;
}

#dashboardmainnav
{
    min-width:930px;
    max-width:1400px;    
    margin:0 auto;
    padding:0 10px;
        
}

#dashboardinfobarwrap
{
    background:#fff;
    overflow:hidden;
    clear:both;
}

#dashboardinfobar
{
    min-width:910px;
    max-width:1400px;
    margin:0 auto;
    padding:10px 20px;
    clear:both;
    overflow:hidden;
    font-size:1.2em;
}

#dashboardcontentwrap
{
    /*background:#fff;*/
    overflow:hidden;
}

#dashboardcontent
{
    min-width:910px;
    max-width:1400px;
    margin:0 auto;
    padding:20px;
    clear:both;
    /*min-height:400px;*/
    overflow:hidden;
    text-align:left;
    font-size:1.2em;
}

#dashboardsidenav{
	float:left;
	display:inline;
	width:220px;
	padding-bottom:25px;
	background:transparent url(images/sidenav_bg.gif) repeat-y scroll 217px 0;
}

#dashboardright{
	margin-left:240px;
	margin-right:25px;
	min-width:500px;
	min-height:100px;
	/*padding:0 0 25px 25px;*/
	padding:0;
	/*background:#fafafa;*/
	/*border:1px solid #d0d0d0;*/
}

#dashboardfooterwrap
{
    border-top:solid 4px #999;
    background:#999 url('images/footer_bg.gif') repeat-x;
    height:67px; /* .push must be the same height as .footer */
}

.push
{
    height:67px; /* .push must be the same height as .footer */
}

#dashboardfooter
{
    text-align:center;
    padding:.6em;
}

#dashboardfooter p
{
    /*color:#f59d56;*/
    color:#bbb;
    font-size:1.1em;
}

#dashboardfooter a
{
    color:#f59d56;
    text-decoration:underline;
}

#dashboardfooter a:hover
{
    color:#ddd;
}



ul#mainnav{
    color: #fff;
    padding: 0;
    text-decoration: none;
    margin:0;
    font-size:1.3em;
    line-height:1.2;
    background:none;
    clear:none;
    width:auto;
    list-style-type:none;
    position:relative;
}



ul#mainnav a{
	display:block;
	padding:0 12px;
	color:#fff;
	text-decoration:none;
	text-align:center;
}
ul#mainnav a:hover{
	color: #3e4f4f;
}


ul#mainnav li{
	float:left;
	position:relative;
	margin:0px 0 0px 0;
	padding:8px 0 10px 0;
}

ul#mainnav li.current a{
    color: #3e4f4f;
}



ul#mainnav ul,
ul#mainnav ul ul{
	position:absolute;
	display:none;
	width:132px;/*width of subnav +22px*/
	margin:6px 0 0 0;
	padding:0;
	background:#11628a;
	list-style-type:none;
	
}
ul#mainnav li ul li
{
    /*border-top:1px solid #fff;*/
    padding:0;
    margin:0;
}

ul#mainnav li ul li a,
ul#mainnav li.current li a{
	width:180px;    /*width of sub nav*/
	padding:6px 0 6px 15px;
	float:left;
	text-align:left;
	border:none;
}

ul#mainnav li.current a{
    color:#3e4f4f;
}

ul#mainnav li.current li a,
ul#mainnav li ul li a{
	width:160px;
	color: #fff;
	/*border-top:#fff 1px solid;*/
	border-bottom:#ddd 1px solid;
}

ul#mainnav li ul{
	width:175px;
}

ul#mainnav li ul a:hover{
	/*background:#ddd;*/
	background:#EFEFEF;
	color:#666;
}

ul#mainnav ul ul{
	top:auto;
}	
ul#mainnav ul ul{
	top:auto;
	left:170px;
}	


ul#mainnav li:hover ul,
ul#mainnav li:hover ul ul, 
ul#mainnav li:hover ul ul ul, 
ul#mainnav li:hover ul ul ul ul{
	display:none;
}

ul#mainnav li:hover ul, 
ul#mainnav li li:hover ul, 
ul#mainnav li li li:hover ul, 
ul#mainnav li li li li:hover ul{
	display:block;
}
/*
ul#mainnav
{
    float: left;
    padding: 0;
    text-decoration: none;
    font-weight:bold;
    margin:0;
    font-size:1.4em;
    background:none;
    clear:none;
    width:auto;
}
ul#mainnav li{
    display: inline;
}

ul#mainnav li a{
    float: left;
    color: #eee;
    padding: 10px;
    text-decoration: none;
    margin:0;
}

ul#mainnav li a:hover{
    color: #11628a;
}
ul#mainnav li.current a{
    color: #11628a;
}


*/


ul.tabs{
	padding:0 0 0px 0;
	margin:0 0 0 10px;
	border-top:1px solid #d0d0d0;
}

ul.tabs li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;

}

ul.tabs li a,
ul.tabs li{
	display:block;
	background:#efefef url(images/tabs_link_bg.gif) repeat-y scroll 100% 0%;
}

ul.tabs li a   {
	/*font-size:1.2em;*/
	background:transparent url(images/tabs_span_bg.gif)  repeat-x scroll 0 100%;
	padding:.5em 1em;
	text-decoration:none;
	color:#626262;
}

ul.tabs li a.current, 
ul.tabs li a.current:hover {
    background:#fff none repeat scroll 0 0;
    font-weight:bold;
    color:#626262;
    border-bottom:1px solid #d0d0d0;
}

ul.tabs li a:hover {
    display:block;
    background:#ddd url(images/tabs_linkhover_bg.gif) repeat-y scroll 100% 0%;
}







.clear
{
    clear:both;
}







#dashboardcookiecrumb
{
    float:left;
}

#dashboardcurrentuser
{
    float:right;
}

#dashboardpubliclink
{
    float:right;
    padding: 8px 10px 0 0;
    font-size:1.3em;
    line-height:1.2;
}
#dashboardpubliclink a
{
    color:#fff;
}



#dashLeftColumn
{
    float:left;
    width:33%;
    padding:0;
    overflow:hidden;
}

#dashRightColumn
{
    float:right;
    width:66%;
    padding:0;
    overflow:hidden;
}

#dashLeftColumnOneFourth
{
    float:left;
    width:24%;
    padding:0;
    overflow:hidden;
}

#dashLeftColumnThreeFourths
{
    float:left;
    width:74%;
    padding:0;
    overflow:hidden;
}

#dashLeftColumnTwoThirds
{
    float:left;
    width:66%;
    padding:0;
    overflow:hidden;
}

#dashRightColumnOneFourth
{
    float:right;
    width:25%;
    padding:0;
    overflow:hidden;
}

#dashRightColumnThreeFourths
{
    float:right;
    width:75%;
    padding:0;
    overflow:hidden;
}

#dashRightColumnOneThird
{
    float:right;
    width:33%;
    padding:0;
    overflow:hidden;
}

#dashHalfColumnLeft
{
    float:left;
    width:49%;
    padding:0;
    overflow:hidden;
}

#dashHalfColumnRight
{
    float:right;
    width:49%;
    padding:0;
    overflow:hidden;
}


/* DASHBOARD PANELS
   ----------------------------------------------------*/
.dashConentWrapper
{
    padding:0px;
    margin:0px;
}

.dashContentHeader
{
    background: url('Images/dash_content_header_r.gif') no-repeat top right;
    padding:0px 5px 0px 0px;
    margin:0px;
    text-align: left;
}
 
.dashContentHeader h2
{
    background: url('Images/dash_content_header_l.gif') no-repeat top left;
	margin: 0;
	padding: 4px 0px 2px 10px;
	font-weight: bold; 
	font-size: 1em; 
	/*height: 22px;*/
}

.dashContent
{ 
    padding:6px;
    border-left:solid 1px #c3c4c4; 
    border-bottom:solid 1px #c3c4c4; 
    border-right:solid 1px #c3c4c4;
    background-color: #ffffff;
    line-height:1.5;
    overflow:hidden;
}

.dashContent h2
{
    font-size: 1em; 
    padding:0;
    margin:0;
}

.dashContent .sidenav
{
    font-size: 1.1em;
}

.dashContent a img
{
    border:none;
}

.dashContentFooter
{ 
    text-align:right;
    padding-right: 10px;
    border-left:solid 1px #c3c4c4; 
    border-bottom:solid 1px #c3c4c4; 
    border-right:solid 1px #c3c4c4;
    background-color: #efefef;
    line-height:1.5;
    overflow:hidden;
}

.dashContentFooter a
{
    margin:400px 0 0 0;
    text-decoration:none;
}

.dashContentFooter a:hover
{
    text-decoration:underline;
}

.dashContentFooter .paging
{
     float:left; 
     padding:4px;
}

#dashContentColumnLeft
{
    float:left;
    display:block;
}

#dashContentColumnRight
{
    float:right; 
    display:block;
}

/* ----------------------------------------------------*/









.CommonDashboardArea
{
	margin-left: 12px;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

.CommonDashboardArea fieldset
{
    border:solid 1px #c3c4c4;
}

.CommonDashboardArea legend
{
    font-weight:bold;
}

.CommonDashboardContent
{
	padding: 5px 0px 5px 5px;
}

ul.CommonDashboardActionList
{
	margin: 0px;
	margin-top: 2px;
	padding: 0px;
}

ul.CommonDashboardActionList li
{
	margin: 0px;
	padding: 0px;
	list-style-type: square;	
	margin-left: 16px;
	color: #11628a;
}









#sitestatisticstable
{
    border:solid 1px #ccc;
    float:left;
    width:100%;
}

#sitestatisticstable .header
{
    font-weight:bold;
    overflow:hidden;
    padding:6px;
}
#sitestatisticstable .row
{
    clear:both;
    overflow:hidden;
    padding:6px;
}
#sitestatisticstable .alternatingrow
{
    clear:both;
    background:#efefef;
    overflow:hidden;
    padding:6px;
}

#sitestatisticstable .columnA
{
    float:left;
    width:75%;
}
#sitestatisticstable .columnB
{
    float:left;
    width:25%;
}






/* SUBNAVIGATION 
 ------------------ */
 
#dashsubnav
{
    border:solid 1px #eee;
    padding:0 10px;
    margin:0 0 10px 0;
    clear:both;
    overflow:hidden;
    font-weight:bold;
}

ul#subnav
{
    float: left;
    padding: 0;
    text-decoration: none;
    margin:0;
    font-size:1.2em;
}
ul#subnav li{
    display: inline;
}

ul#subnav li a{
    float: left;
    /*color: #3591a8;*/
    padding: 10px;
    text-decoration: none;
    margin:0;
}

ul#subnav li a:hover{
    /*color: #11628a;*/
}
ul#subnav li.current a{
    /*color: #11628a;*/
}






/* HOUSES
 ------------------ */

.insertSeries
{
    margin:1em;
    padding:6px;
    border:solid 1px #c3c4c4; 
    overflow:hidden;
}

.houseInputForm p
{
    clear:both;
    min-height:2em;
    /*background-color:#dedede;*/
}

.houseInputForm p label
{
    float: left;
	width: 9em;
}


.houseOutline
{
    clear:both;
    padding:6px;
    border:solid 1px #c3c4c4; 
    overflow:hidden;
}

.insertOption
{
    margin:1em 0;
    padding:6px;
    border:solid 1px #c3c4c4; 
    overflow:hidden;
}

.insertOption p label
{
    float: left;
	width: 8em;
}

.insertElevation
{
    margin:1em 0;
    padding:6px;
    border:solid 1px #c3c4c4; 
    overflow:hidden;
}

.insertElevation p label
{
    float: left;
	width: 8em;
}

.houseTitle h2
{
    float:left;
    margin: 0 0 10px 0;
	font-weight: bold; 
	font-size: 1em; 
}




/* COMMUNITIES
 ------------------ */

.communityInputForm p
{
    clear:both;
    min-height:2em;
}

.communityInputForm p label
{
    float: left;
	width: 12em;
}

.insertLot
{
    margin:1em 0;
    padding:6px;
    border:solid 1px #c3c4c4; 
    overflow:hidden;
    clear:both;
}

.insertLot p label
{
    float: left;
	width: 11em;
}

.communityOutline
{
    /*clear:both;*/
    padding:6px;
    border:solid 1px #c3c4c4; 
    overflow:hidden;
    
    /*margin-left:240px;
	margin-right:25px;
	min-width:500px;
	min-height:100px;
	padding:0 0 25px 25px;
	background:#fafafa;
	border:1px solid #d0d0d0;*/
}

.communityTitle h3
{
    margin: 0 0 10px 10px;
	font-weight: bold; 
	font-size: 1.2em; 
}



/* DIVISIONS
 ------------------ */

.insertCommunityToDivision
{
    margin-top:1em;
    padding:6px;
    border:solid 1px #c3c4c4; 
    overflow:hidden;
}

.divisionInputForm p label
{
    float: left;
	width: 11em;
}




/* RESTAURANT PAGE
 ------------------ */

p.restaurantCategory {
    margin-top:10px;
    font-weight:bold;
    font-style:italic;
}

.restaurantGroup {
    border:solid 1px #c3c4c4; 
    padding:6px;
    margin:10px 0;
    overflow:hidden;
}

.restaurantCategoryMenu 
{
    border:solid 1px #c3c4c4; 
    padding:6px;
    margin:0 0 0 12px;
    overflow:hidden;
    background-color:#efefef;
}

.insertMenu
{
    padding:6px;
    border:solid 1px #c3c4c4; 
    overflow:hidden;
}





/* PRODUCTS
 ------------------ */

.productTitle
{
    float:left;
    margin: 0 0 10px 0;
	/*font-weight: bold; 
	font-size: 1.2em; */
}

.insertMfg
{
    margin:1em;
    padding:6px;
    border:solid 1px #c3c4c4; 
    overflow:hidden;
}

.insertStyle
{
    margin:1em;
    padding:6px;
    border:solid 1px #c3c4c4; 
    overflow:hidden;
}

img.productSwatch
{
	border:solid 1px #c3c4c4; 
	padding:3px;
}






/* EHOME
 ------------------ */

.insertElement, .insertView
{
    margin:1em;
    padding:6px;
    border:solid 1px #c3c4c4; 
    overflow:hidden;
}






/* PHOTO GALLERY
 ------------------ */

.insertAlbum
{
    margin-top:6px;
    padding:6px;
    border:solid 1px #c3c4c4; 
    overflow:hidden;
}

.submitAlbum
{
    float:right;
}

.album
{
    width:100%;
    text-align:center;
}

.photoCell
{
    border:solid 1px #c3c4c4;
    margin:4px;
}

.photoCell a
{
    display:block;
    overflow:hidden;
}

.photoCell a:hover
{
    background:#dedede;
    text-decoration:none;
}

.photoCell img
{
    padding:6px;
    border:0;
}

.photoCell p
{
    padding:0 6px;
}

.photoEdit
{
    float:left;
}

.photoEditForm
{
    clear:both;
    /*float:left;*/
    margin-left:10px;
    padding:10px;
}

.photoEditButtons
{
    clear:both;
    /*float:right;*/
    padding:0 20px;
}

.photoEditBack
{
    float:left;
    padding-left:20px;
}






/* SALES
 ------------------ */

.prospectInputForm
{
    margin:10px;
}

.prospectInputForm p
{
    clear:both;
    min-height:2em;
}

.prospectInputForm p label
{
    float: left;
	width: 11em;
}

.notebookActivityEntry
{
    clear:both;
    padding:10px;
    border:solid 1px #c3c4c4; 
    overflow:hidden;
    margin:0 0 10px 0;
}

.notebookActivityEntry p
{
    clear:both;
    min-height:2em;
}

.notebookActivityEntry p label
{
    float: left;
	width: 11em;
}













/* TOUT MANAGER
 ------------------ */
.toutAssignmentCorporate
{
    
}

.toutAssignmentDivision
{
    margin:5px 0;
    padding:5px 0;
    border: solid 1px #dedede;
    overflow:hidden;
}

.toutAssignmentCommunity
{
    margin:0 5px;
    padding:5px 0;
    background:#efefef;
}





/* PAGE CONTENT MANAGER
 ------------------ */
.pageInputForm
{
    clear:both;
    padding:6px;
    border:solid 1px #c3c4c4; 
    overflow:hidden;
}

.pageInputForm p label
{
    float: left;
	width: 8em;
}






/* ROLE/PERMISSION SYSTEM
 ------------------ */
.insertRole
{
    margin:1em 0;
    padding:6px;
    border:solid 1px #c3c4c4; 
    overflow:hidden;
    clear:both;
}

.lockedRole
{
    color:#a2a2a2;
}

.permissions
{
    /*border:solid 1px #ccc;*/
    float:left;
    width:100%;
    margin-bottom:15px;
}
.module
{
    /*border:solid 1px #ccc;
    border-bottom:none;*/
    background:#dce1ee;
    float:left;
    width:100%;
}
.permissions .header
{
    font-weight:bold;
    overflow:hidden;
    padding:6px;
}
.permissions .row
{
    clear:both;
    overflow:hidden;
    padding:6px;
    border-bottom:solid 1px #ccc;
}
.module .row
{
    clear:both;
    overflow:hidden;
    padding:6px;
    border:solid 1px #ccc;
    border-right:none;
    border-left:none;
}
.permissions .alternatingrow
{
    clear:both;
    background:#efefef;
    overflow:hidden;
    padding:6px;
}
.permissions .columnA
{
    float:left;
    width:75%;
}
.permissions .columnB
{
    float:left;
    width:20%;
}
.module .columnA
{
    float:left;
    width:75%;
}
.module .columnB
{
    float:left;
    width:20%;
}


/* REPEATER TABLE USED IN COSTING SYSTEM */


.rptrmainseperation
{
	clear:both;
    background:#666666;
    float: left;
    padding-top:6px;
    padding-bottom:6px;
    color:#FFFFFF;
    border-bottom:solid 1px #ccc;
    width:100%;
}

.rptrmainheading
{
	clear:both;
    background:#999999;
    float: left;
    padding-top:6px;
    padding-bottom:6px;
    color:#FFFFFF;
    border-bottom:solid 1px #ccc;
    width:100%;
}

.rptrmainheading a
{
	color:#11628a;
}

.rptrmainheading h2
{
	color:#FFFFFF;
}

.rptrmainheading .column
{
	float: left;
}

.rptrmainheading .columnright
{
	float: right;
	text-align: right;
	padding-right: 6px;
}


.rptrsubheading
{
    clear:both;
    background:#dce1ee;
    float: left;
    padding-bottom:6px;
    padding-top:6px;
    border-bottom:solid 1px #ccc;
    width:100%;
    
}
.rptrsubheading .column
{
	float: left;
}

.rptrsubheading .columnitalic
{
	float: left;
	font-style: italic;
}

.rptrsubheading .columnright
{
	float: right;
	text-align: right;
	padding-right: 6px;
}



.rptrrows
{
    clear:both;
    overflow:hidden;
}

.rptrrows .title
{
    clear:both;
    overflow:hidden;
    background:#CCCCCC;
    padding-left:48px;
    padding-bottom:3px;
    padding-top:3px;
    border-bottom:solid 1px #ccc;
    font-size:1em;
}

.rptrrows .row
{
    clear:both;
    overflow:hidden;
    padding-left:48px;
    padding-bottom:3px;
    padding-top:3px;
    border-bottom:solid 1px #ccc;
}

.rptrrows .alternatingrow
{
    clear:both;
    background:#efefef;
    overflow:hidden;
    padding-left:48px;
    padding-bottom:3px;
    padding-top:3px;
    border-bottom:solid 1px #ccc;
}

.rptrrows .subtotal
{
    clear:both;
    overflow:hidden;
    background:#CCCCCC;
    padding-bottom:3px;
    padding-top:3px;
    border-bottom:solid 2px #666;
    font-size:1em;
}

.rptrrows .total
{
    clear:both;
    overflow:hidden;
    background:#999999;
    padding-bottom:3px;
    padding-top:3px;
    border-bottom:solid 1px #ccc;
    color:#FFFFFF;
}

.rptrrows .space
{
    clear:both;
    overflow:hidden;
    border-bottom:solid 1px #ccc;
}

.rptrrows .column
{
	float: left;
}

.rptrrows .columnTotal
{
	float: right;
    width:17%;
    text-align:right;
    padding-right:6px;
}






/* GENERAL SIDENAV */
.sideNavTitle h3
{
    margin: 0 0 10px 10px;
	font-weight: bold; 
	font-size: 1.2em; 
}



/* AJAX TABS
   ----------------------------------------------------*/
/* Custom Tab Layout */
.CustomTabStyle .ajax__tab_header {white-space:nowrap;}
.CustomTabStyle .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.CustomTabStyle .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.CustomTabStyle .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* Custom Tab Theme */
.CustomTabStyle .ajax__tab_header {font-size:1em;color:#11628a;font-weight:bold;background:url('images/tab-line.gif') repeat-x bottom;}
.CustomTabStyle .ajax__tab_outer {padding-right:0px;background:url('images/tab-right.gif') no-repeat right;height:28px;}
.CustomTabStyle .ajax__tab_inner {padding-left:3px;background:url('images/tab-left.gif') no-repeat;height:28px;}
.CustomTabStyle .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url('images/tab.gif') repeat-x;height:28px;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_outer {background:url('images/tab-hover-right.gif') no-repeat right;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner {background:url('images/tab-hover-left.gif') no-repeat;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab {background:url('images/tab-hover.gif') repeat-x;}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer {background:url('images/tab-active-right.gif') no-repeat right;}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner {background:url('images/tab-active-left.gif') no-repeat;}
.CustomTabStyle .ajax__tab_active .ajax__tab_tab {background:url('images/tab-active.gif') repeat-x;}
.CustomTabStyle .ajax__tab_body {border:1px solid #c3c4c4;border-top:0;padding:8px;background-color:#ffffff;}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}





/* PROGRESS INDICATORS
   ----------------------------------------------------*/

.progressMini
{
    position:relative; 
    left:auto; 
    right:auto; 
    /*margin:auto; */
    /*border:solid 2px #c2c2c2; */
    /*background:#f2f2f2; */
    padding:6px 20px; 
    /*width:100px; */
    /*text-align:center; */
    color:#aaaaaa; 
    float:left;
    clear:right;
}

.progressMini img
{
    margin-bottom:-3px;
}

.progressMini span
{
    font-family:Trebuchet MS;
}

/* REORDER DEVCYCLE FEATURE LIST

*/

.yui-dd-proxy {
    text-align: left;
}
#play:after {
    display: block; 
    clear: both; 
    visibility: hidden; 
    content: '.'; 
    height: 0;
}
#play ul {
    border:solid 1px #c3c4c4; 
    margin: 10px;
    /*width: 50%;*/
    /*height: 300px;*/
    float: left;
    padding: 0;
    zoom: 1;
    position: relative;
}
#play ul li {
    background-image: none;
    list-style-type: none;
    padding-left: 20px;
    padding: 5px;
    margin: 2px;
    cursor: move;
    zoom: 1;
    position: relative;
}
#play ul li.list1 {
    background-color: #FFF;
    border:solid 1px #c3c4c4; 
}



/* REORDERING LISTS
   ----------------------------------------------------*/

/* standard - first used in reordering of community resources */
/* layout...
.reorderList ul li table tr td div.itemArea
                         tr td div.dragHandle
             ul li div.reorderCue
*/
             
.reorderList ul {
    padding:0;
    margin:0;
    float:left;
    clear:none;
    
}
.reorderList li {
    list-style:none !important;
	margin:8px;
	border:solid 1px #ccc;
	background: #fff;
	width:auto;
	clear:none;
}
.reorderList li a {color:#333 !important; font-weight:bold; }
.dragHandle {
    width:auto;
	height:20px;
	background:url(images/draggers-x.gif) repeat-x center left;
	cursor:move;
}
.dragHandle li {
	list-style:none;
}
.itemArea {
	margin-left:0px;
	text-align:center;
}
.callbackStyle {
	border:thin blue inset;		
}
.callbackStyle table {
	background-color:#fff;	
	color:Black;
}
.reorderCue {
    /*border:dashed thin #ccc;
	height:140px;
	overflow:hidden;*/
}



.modalBackground  
 {  
     background-color:#000;
     filter: alpha(opacity=65);  
     opacity: 0.65;  
     z-index: 10000;  
 }  
 

.modalPopup
{
    padding:0px;
    margin:0px;
    overflow:hidden;
}


.modalHeader
{
    background: url('images/modal_head_r.gif') no-repeat top right;
    padding-right:4px;
    margin:0px;
}
 
.modalHeader h2
{
    background: url('images/modal_head_l.gif') no-repeat top left;
	margin: 0;
	padding: 6px 0px 6px 10px;
	font-weight: bold; 
	font-size: 1.3em;
	color:#fff;
}

.modalContentOuter
{ 
    padding:10px;
    border-left:solid 1px #c3c4c4; 
    border-bottom:solid 1px #c3c4c4; 
    border-right:solid 1px #c3c4c4;
    background-color: #ffffff;
    line-height:1.5;
    font-size:1.1em;
    text-align:right;

}

.modalContentInner
{ 
    min-height:100px;
    height:auto !important;
    height:100px;
    text-align:left;
}

.modalClose a
{
    float:right;
    margin-top:-15px;
    padding-right:4px;
    color:#fff;
}

.gvcellleft
{
    
    width:100px;
}
.gvcellright
{
    float:right;
    width:20px;
}

 
  
 
 
 
 
/* HELP PANEL
   ----------------------------------------------------*/
 
.helppanel {
    position: absolute;
    /*position: fixed;*/
    top: 10px;
    right: 0;
    display: none;
    text-align:left;
    background: #efefef;
    /*border:1px solid #111111;*/
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    width: 300px;
    height: auto;
    padding: 0 34px 10px 20px;
    filter: alpha(opacity=85);
    opacity: .85;
}
.helppanel h3{
    font-size:1.4em;
    padding:10px 0 0 0;
}
.helppanel p{
    font-size:1.2em;
    margin: 0;
    padding: 0;
}
.helppanel p img{
    margin: 0 6px 0 0;
    padding: 0;
    vertical-align:text-bottom;
}
/*.helppanel a, .helppanel a:visited{
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.helppanel a:hover, .helppanel a:visited:hover{
    margin: 0;
    padding: 0;
}*/

a.helptrigger{
    position: absolute;
    /*position: fixed;*/
    top: 10px; right: 0;
    width:28px;
    height:70px;
    /*padding: 35px 20px 35px 20px;*/
    background: url(images/help.png) top left no-repeat;
    /*border:1px solid #2685b5;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;*/
    display: block;
}

a.helptrigger:hover{
    position: absolute;
    /*position: fixed;*/
    top: 10px; right: 0;
    width:32px;
    height:70px;
    /*padding: 35px 40px 35px 20px;*/
    font-weight: 700;
    background: url(images/help.png) top left no-repeat;
    /*border:1px solid #444444;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;*/
    display: block;
}

a.active.helptrigger {
    background: url(images/help.png) top left no-repeat;
}