/* ####################################
   Page Elements
   ################################## */
#TrailNav {
    position: relative;
    padding: 1em 0;
    
    font-size: 91.7%;
    
    border-bottom: #e0e0e0 1px solid;
}
    
#PagingTop, #PagingBottom {
    clear: both;
    margin: 1em 0;
    border: #f0f0f0 1px solid;
    padding: 8px;
}

    #PagingTop .summary, #PagingBottom .summary {
    }

    #PagingTop .totalpages, #PagingBottom .totalpages {
    }

    #PagingTop .pages, #PagingBottom .pages {
    }

    #PagingTop .pageslabel, #PagingBottom .pageslabel {
    }

    #PagingTop .pagelinks, #PagingBottom .pagelinks {
    }

    #PagingTop .previouspage, #PagingBottom .previouspage {
        margin: 0 0.25em;
    }

    #PagingTop .nextpage, #PagingBottom .nextpage {
        margin: 0 0 0 0.25em;
    }

/* ####################################
   User Login Commponents
   ################################## */

#Login {
}

.LoginForm {
    /*margin: -19px 0 0 -20px;*/
    width: 230px;
    height: 151px;
    background: #ffffff url('./images/box230_151.gif') left top no-repeat;
    color: #ffffff;
    float: left;
}

    .LoginForm table {
        margin: 7px;
    }
    
    .LoginForm table tr {
    }

    .LoginForm table tr td {
        text-align: left;
    }
    
    .LoginForm table tr td table, .LoginForm table tr td table tr, .LoginForm table tr td table tr td {
    }

    .LoginForm td table tr td {
        padding: 1px;
    }
    
    .LoginForm input {
        *width: auto;
    }
    
    .LoginForm #ctl00_cplPage_URLogin_RememberMe {
        /* The RememberMe checkbox */
        width: auto;
    }
    
    .LoginForm #ctl00_cplPage_URLogin_LoginButton {
        /* The login submit button */
        width: auto;
    }
    
    #forgotenPw {
        
    }
    
.RecoverForm {
    margin: 2em 0;
    width: 230px;
    height: 151px;
    background: #ffffff url('./images/box230_151.gif') left top no-repeat;
}
    .RecoverForm input {
        width: 140px;
    }
    
    .LoginForm #ctl00_cplPage_PasswordRecovery1_UserNameContainerID_Button{
        width:auto;
    }

/* ####################################
   Boxes
   ################################## */

.required_marker {
    position: relative;
    float: left;
    margin: 4px 4px;
}

.appbutton {
    position: relative;
    float: left;
    margin: 0 1em 0 0;
    border: #0B4E9C 1px solid;
    padding: 4px 4px 4px 24px;
    background-color: #f8f8f8; 
    background-position: 4px 4px;
    background-repeat: no-repeat;  
}

    .appbutton:hover {
        background-color: #ffffff;
    }
 
 .appbuttonWidget {
    /*position: relative;
    float: right;*/
    margin: 0 0 4px 0;
    border: #e0e0e0 1px solid;
    padding: 4px 4px 4px 24px;
    background-color: #f8f8f8; 
    background-position: 4px 4px;
    background-repeat: no-repeat;   
}

    .appbuttonWidget:hover {
        background-color: #ffffff;
    }




.selectbutton {
    position: relative;
    float: left;
    margin: 0 0 0 4px;
    padding: 4px 4px 4px 24px;
    background-position: 4px 4px;
    background-repeat: no-repeat;   
}

.apptoolbar {
    position: relative;
    float: left;
    margin: 0;
    padding: 8px;
    border: #E0E0E0 1px solid; /*#c3c3f3 venkata 04/01/2010*/
    background: #f5f5f5;
}
    .apptoolbar .appbutton 
    {
        position: relative;
        float: none;
    }

.apptoolbar_page {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 1em;
}

.gridtoolbar {
    position: relative;
    float: right;
    margin: 0 4px 4px 0;
    padding: 2px 2px 2px 2px;
    border: #c3c3f3 1px solid;
    border-top:none;
    background: #f5f5f5;
}

.gridbutton {
    position: relative;
    float: right;
    margin: 0 0 0 1em;
    border: #e0e0e0 1px solid;
    padding: 2px 2px 2px 14px;
    background-color: #f8f8f8; 
    background-position: 2px 2px;
    background-repeat: no-repeat;   
}

    .gridtoolbar .gridbutton {
            position: relative;
            float: none;
    }
    
.grid_layout_save{
    background:url('./images/icons/16x16/bullet_disk.png') left top no-repeat;
    width:10px;
    height:10px;
}



.floatright {
    float: right;
    margin-right: 0;
}

.box940 {
    margin: 0 0 2em;
}

    .box940-inner {
    }

    .box940 .apptoolbar {
        position:relative;
        float: left;
        clear:both;
        width: 935px;
        border-bottom: 0;
        padding: 0;
    }
 
        .box940 .apptoolbar .innerfieldset {
           position: relative;
           float: left;
           width: 935px;
        }
        /* venkata 29/09/2010 added */
        .box940 .apptoolbar .newgridfieldset {
           position: relative;
           float: left;
           width: 935px;
           background-color:#C7DFFF; 
           border:1px solid #A3C0E8; 
           padding: 0px 0px 0px 2px;
        }
        .box940 .apptoolbar .newgridfieldset a {
          margin: 0px 2px 2px 0px; 
          float:left; 
          background-color:#C7DFFF; 
          border:none; 
          font-family:Tahoma; 
          font-size:9pt
        }
        .box940 .apptoolbar .newgridfieldset  a:hover {
            color:#F39128;
        }
        /* venkata end of adding */
    .box940 h2 {
        margin: 0;
        padding:1px:0px:0px:10px;
        height: 16px;
        color: #ffffff;
        font-size: 80%;
        font-weight: bold;
        background: url('./images/header_940.gif') no-repeat;
    }
          /* 27/09/2010 venkata commented for dev express grid horizontal scrolling to work
    .box940 table {
        position: relative;
        clear: left;
    }
  */
.box730 {
}

    .box730-inner {
    }

    .box730 h2 {
        margin: 0;
        padding: 8px;
        height: 16px;
        color: #ffffff;
        font-size: 100%;
        font-weight: bold;
        background: url('./images/header_730.gif') no-repeat;
    }

.box199 {
    position: relative;
    float: left;
    clear: left;
    width: 199px;
    margin: 0 0 1em;
    padding: 0 0 1em;
    background: url('./images/box_199_bottom.gif') left bottom repeat-y;
}

    .box199-inner {
        background: url('./images/box_199_top.gif') 0 6px no-repeat;
        padding: 0 8px;
    }

    .box199 h2 {
        margin: 0 -8px 1em;
        padding: 8px;
        height: 16px;
        color: #ffffff;
        font-size: 100%;
        font-weight: bold;
        background: url('./images/header_199.gif') no-repeat;
    }

    .box199 p {
        margin: 0;
    }
    
.dialogueBox {
    position:absolute;
    margin: 0;
    padding: 8px;
    font-size: 100%;
    font-weight: bold;
    text-align:center;
    vertical-align:middle;
    background:#ffffff;
    z-index:1;
    display:none;
}

    #loadReport{
        background: transparent url(./images/loadReportBox.gif) no-repeat scroll 0 0;
        left:200px;
        top:70px;
        width: 400px;
        height: 200px; 
    }
    
        #loadReport img{
            position:relative;
            left:-100px;
            top:100px;
        }
        
    #loadingBox {
        background: transparent url(./images/loadReportBox.gif) no-repeat scroll 0 0;
        position:absolute;
        width: 400px;
        height: 200px;
        left:250px;
        padding:10px;
    }
    
        #loadingBox img{
            position:relative;
            left:-110px;
            top:100px;
        }
        
.box600 {
    position: relative;
    float: left;
    clear: left;
    width: 600px;
    margin: 0 0 1em;
    padding: 0 0 1em;
    background: url('./images/box_600_bottom.gif') left bottom repeat-y;
}

    .box600-inner {
        background: url('./images/box_600_top.gif') 0 6px no-repeat;
        padding: 0 8px;
    }

    .box600 h2 {
        margin: 0 -8px 1em;
        padding: 8px;
        height: 16px;
        color: #ffffff;
        font-size: 100%;
        font-weight: bold;
        background: url('./images/header_600.gif') no-repeat;
    }

    .box600 p {
        margin: 0;
    }
    
    .box915 h2 {
    background:transparent url(./images/header_915.gif) no-repeat scroll 0 0;
    color:#FFFFFF;
    font-size:100%;
    font-weight:bold;
    height:16px;
    margin:0;
    padding:8px;
}

.box915-inactive {
    background: #CCCCCC;
    border: solid 1px #CCCCCC;
}

.box915-inactive:hover {
    background: #0ca0af;
}

.box915-inactive h2 {
    background:transparent none repeat scroll 0 0;
    color:#000000;
    font-size:100%;
    font-weight:bold;
    height:16px;
    margin:0 -8px;
    padding:8px;
}
    
    
/* ####################################
   Global Interface elements
   ################################## */

.ReportOptionsBox{
}

.selectDropdown{
    border:1px solid #009BAA;
    background:#ffffff url('/App_Themes/Default/images/select_dropdown_button.gif') no-repeat top right;
    float:left;
    height:20px;
    /*margin:2px 10px 2px 8px; venkata commented 12/08/2010 */
    /*min-width:235px; venkata commented 12/08/2010 */
    /*max-width: 280px; venkata commented 12/08/2010 */
    /*venkata added the below lines 12/08/2010 */
    color:#062548;
    margin:2px;
    min-width:120px;
    width:326px;
}


* html .selectDropdown{
    position: relative;
    top: 0;
    left: 0;
}

.selectDropdown:hover{
    background:#ffffff url('/App_Themes/Default/images/select_dropdown_buttonhover.gif') no-repeat top right;
}

.selectDropdown .selectBox-inner{
    /*background:url('/App_Themes/Default/images/select_dropdown_button.gif') no-repeat top right;*/
    width:100%;
    height:20px;
    padding: 2px;
}

* html .selectDropdown .selectBox-inner{
    width: 245px;
    height: auto;
    padding: 0px;
    }
    
    .selectDropdown .selectBox-inner label{
        padding-right: 22px;
    }

.OptionsMenuBox{
    display:none;
    background:#68b0db url('/App_Themes/Default/images/select_menubox_back.gif') repeat-x bottom left;
    width:235px;
    padding:0;
    margin-top: -2px;
    position:relative;
    float: left;
    
    z-index: 100;
}

* html .OptionsMenuBox{
    width: 245px;
    margin-top: 0px;
}

.OptionsMenuBox ul{
    border:solid 1px #55bcc6;
    position: relative;
    float: left;
    margin:0;
    list-style: none;
    padding: 0;
    width: 233px;
}

* html .OptionsMenuBox ul{
    width: 245px;
}

    .OptionsMenuBox ul li{
        padding: 0.6em 10px;
        font-weight: bold;
    }
    
      /* * html .OptionsMenuBox ul li{
        padding: 0px;
}*/
            
    .OptionsMenuBox ul li:hover{
   		/*background-color: #333333;
   		color: #ffffff;*/
		text-decoration: none;
    }

        .OptionsMenuBox ul li a{
    	    color: #ffffff;
	    }
	        
	    .OptionsMenuBox ul li a:visited{
    	    color: #ffffff;
	    }
	    
	    .OptionsMenuBox ul li a:visited:hover{
    	    color: #00646E;
	    }

		.OptionsMenuBox ul li:hover a{
			/*color: #ffffff;
			background-color: #333333;*/
		}
			


.OptionsMenuBox .OptionsMenuBox-inner{
    background:#ccc;
    width:100%;
    height:100%;
}

#cplPage_ddlRole
{
Width:130px;
float:left;
}

#cplPage_ddlTitle
{
Width:130px;
}