/************************************************************************************************************
    LOADER
*************************************************************************************************************/	

.guiLoader
    {
        display:block;
        width:80px;
        padding:5px;
        background-color:#f9b043;
        border:solid 1px #f6a529;    
    }

/************************************************************************************************************
    BARS
*************************************************************************************************************/	

.guiBar_Large
    {
        height:55px;
        width:100%;
        background:url('images/guiBar/guiBar_bg1x55.gif') repeat-x left top;
        /*border-left:0px none;
        border-right:0px none;  
        border-bottom:1px solid #3c84d4;*/
        border:none;    
    }
    .guiBar_Large .guiBar_Top
        {
            height:25px;
            overflow:hidden;
            margin:2px 0 0 3px!important;
            background:url(images/guiBar/guiBar_Top_1x25.gif) repeat-x left top;
        }
        .guiBar_Large .guiBar_Top .logo
            {
                height:17px;
                width:122px;
                float:left;
                padding:4px!important;
                background:url(images/guiBar/guiBar_Logobg_126x25.gif) no-repeat left top;              
            }
        .guiBar_Large .guiBar_Top .domainName
            {
                float:left; 
                color:#AAAAAA; 
                font-size:16px; 
                margin-top:1px; 
                font-family:Segoe ui;            
            }
            
        .guiBar_Large .guiBar_Top .guiModuleCommon
            {
                position:absolute;
                top:0;
                right:6px;
                z-index:1000;   
            }
        .guiBar_Large .guiBar_Top .guiModuleCommon select
            {        
                background:none;
                color:White;
                font-size:11px;
                padding:0 10px;
            }
        .guiBar_Large .guiBar_Top .guiModuleCommon select option    
            {
                color:#333;
            }
            
        .guiBar_Large .guiBar_Top .guiModuleCommon span#PersonalizationScopeSelector1 input
            {
                margin-top:3px;
            }
        
.guiBar_Heavy
    {
        height:26px;
        width:70%;
        float:left;
        background:#6c6e70;
        /*background-image:url('images/guiBar/guiBar_Heavy.png');
        background-position: left bottom;
        background-repeat:repeat-x;
        border-bottom:1px solid #787878; */
        border-left:0px none;
        border-right:0px none;  
           
    } 
    .guiBar_Heavy .list_spacer
        {
            /*background-image:url('images/guiBar/guiBar_Heavy_listspacer.png');
            background-position:center top;
            background-repeat:repeat-y;
            width:2px;*/
            background:none;
        }  
    
.guiBar_Medium
    {
        background:#6c6e70;
        /*background:yellow;*/
        height:26px;        
        /*border-bottom:1px solid #787878;width:100%;
        background-image:url('images/guiBar/guiBar_Medium.png');
        background-position: left bottom;
        background-repeat:repeat-x;
        border-left:0px none;
        border-right:0px none;  
        border-bottom:1px solid #3c84d4;
        position:absolute!important;
        top:0;
        right:10px;    */
        float:right;
        width:30%;
    }

.guiBar_Medium ul.guiModuleCommon li input[type="image"]
    {
        float:left;
        margin:6px 5px 0 0;
    }    

.guiBar_Medium ul.guiModuleCommon li input[type="image"].ResetPersonalization
    {
        margin:3px 5px 0 0;   
    }

.guiBar_Medium ul.guiModuleCommon li input[type="image"].PersonalizationScopeSelector
    {
        margin-top:1px!important;
    }

.guiBar_Medium ul.guiModuleCommon li #ctl00_WebPartDisplayModes1_container
    {
        float:left;
    }
    
.guiBar_Medium ul.guiModuleCommon li .WebPartDisplayModesOptions
    {
        background:#6c6e70;
        z-index:10000;
        width:60px;
        left:11px;
    }

.guiBar_Medium ul.guiModuleCommon li .WebPartDisplayModesOptions > a
    {
        display:none;
    }

.guiBar_Medium ul.guiModuleCommon li .WebPartDisplayModesOptions a:hover
    {
        background:#999;
    }
    
.guiBar_Medium ul.guiModuleCommon li span.WebPartDisplayModeTitle
    {
        float:left;
        margin:0 5px 5px 0;
        cursor:pointer;   
    }

.guiBar_Medium ul.guiModuleCommon li span.WebPartDisplayModeTitle
    {
        
    }

    .guiBar_Medium li.list_spacer
        {
            background-image:url('images/guiBar/guiBar_Medium_listspacer.png');
            background-position:center bottom;
            background-repeat:no-repeat;
            width:2px;
        }    
    
.guiBar_Light
    {
        /*height:22px;
        background-image:url('images/guiBar/guiBar_Light.png');
        background-position: left bottom;
        background-repeat:repeat-x;
        border-left:0px none;
        border-right:0px none;  
        border-bottom:1px solid #3c84d4; */   
    }    
 
 .guiModuleControl .guiBar_Light
    {
        height:30px!important;
        background:url(images/guiBar/guiBar_light2x13.png) repeat-x left top;
        font-family:Segoe UI, Arial;
        font-size:12px;
        color:#6c6e70;
        border:none!important; 
        width:100%;
        clear:both;
        float:left;
        position:static!important;  
    }   
    
    
    
    
    
    
    

/*.guiBar_Large .Logo
    {
	    margin: 10px 5px 5px 10px !important;	
    }
*/
.guiBar_Small
    {
        height:25px;
        width:100%;
        background-image:url('Images/bg_bar_small.png');
        background-position: left bottom;
        background-repeat:repeat-x;
        border-left:0px none;
        border-right:0px none;
        border-top:0px none;
        border-bottom:4px none;        
    }

.guiSiteStatusBar
    {
        height:31px;    
        border-bottom: solid 1px #616f7e;
        background-image:url('Images/SiteStatusBar.png'); 
        background-repeat:repeat-x;  
    }

.guiMenu_Small
    {
	    height:24px;    
        border-bottom: solid 1px #616f7e;
        background-image:url('Images/bg_guiMenu_small.png'); /*bg_guiMenu_small.png');*/
        background-repeat:repeat-x;
    }
    

/************************************************************************************************************
    BUTTONS
*************************************************************************************************************/   
/************************************************************************************************************
    GRID
*************************************************************************************************************/  

.guiGrid
	{
		color:#2d2d2d;
		width:100%;
		background-color: #fff;
	}
	.guiPaddingTop20,	
    .guiModuleContent .guiPaddingTop20
    {
        padding-top:20px;    
    }
    .guiPaddingTop15,	
    .guiModuleContent .guiPaddingTop15
    {
        padding-top:15px;    
    }
    .guiPaddingTop10,	
    .guiModuleContent .guiPaddingTop10
    {
        padding-top:10px;    
    }
    .guiClearPaddingTop,	
    .guiModuleContent .guiClearPaddingTop
    {
        padding-top:0px;    
    }
    .guiModuleContent .guiRoleList
    {
        padding:25px 0 0 5px;    
    }
    .guiModuleContent .guiPadding5
    {
        padding:5px;    
    }
	/**Added to override new default page size selector, that is buggy in ie8**/
	.guiGrid .rgPager .rgAdvPart     
    {     
		display:none;        
    }    
   
	.guiGrid .guiGrid-Icon
		{
			display:block;
			height:16px;
			width:16px;
			background-repeat:no-repeat;
			background-position:0px -2px;
			margin-bottom:-3px;
			
		}	
	.guiGrid table /* need to declare table element style here if we use telerid radgrid, due to their table is wrapped in a div */	
		{
			border:solid 1px #94bdd9;
			border-collapse:collapse;
			
		}
		.guiGrid table .rgCommandRow td
		{
		  border-top:solid 1px #94bdd9;
		}
		 
	.guiGrid th,		
	.guiGrid td
		{
			padding:0.3em;
			vertical-align:middle;
		}		
	.guiGrid th
		{	
			font-weight: bold;	
			color: #464646;	
			text-align:left;
			height:22px;
			background-image:url('images/guiGrid/guiGrid_header_bg.png');
			background-repeat:repeat-x;
			background-position:left bottom;
			background-color:#ffffff;
			border:solid 1px #94bdd9;
		}
		.guiGrid th a
			{ 
				font: bold;	
				color: #464646;	
				text-align:left;				
			}			
	.guiGrid td
		{
				border-top:solid 1px Transparent;
		}
		.guiGrid tr:hover td
			{
				border-top:solid 1px #dfebf4;
				background-image:url('images/guiGrid/guiGrid_hover_bg_bottom.png');
				background-repeat:repeat-x;
				background-position:left bottom;
				cursor: pointer;
			}	    
	    .guiGrid table .rgCommandRow:hover td
			{
				border-top:solid 1px #94bdd9;
			}
	/* Grid buttons */
	.guiGrid .rgSortAsc,
	.guiGrid .rgSortDesc,
	.guiGrid .rgAdd,
	.guiGrid .rgRefresh
		{
			width:13px;
			height:12px;
			border:0px;
		}
	.guiGrid th a .rgSortAsc
		{
			border: 0px;
			padding: 0px;
			vertical-align: top;
			background:url(images/guiGrid/SortAsc.gif) no-repeat 0px center;
		}
	.guiGrid th a .rgSortDesc
		{
			border: 0px;
			padding: 0px;
			vertical-align: top;
			background:url(images/guiGrid/SortDesc.gif) no-repeat 0px center;
		}
	.guiGrid input.rgAdd
		{
			width:16px;
			background:url(images/guiGrid/AddRecord.gif) no-repeat 0px center;
			
		}
	.guiGrid input.rgRefresh,
	.guiGrid input.rgAdd
	{
	    background-color:transparent!important;
	}
	.guiGrid .rgRefresh
		{			
			width:9px;
			background:url(images/guiGrid/Refresh.gif) no-repeat 0px center;
		}
	.guiGrid .MasterTable_Default .rgExpand
		{			
			width:16px;
			background:url(images/guiGrid/plus.gif) no-repeat 0px center;
			border: none;
			padding: 0;
		}
	.guiGrid .MasterTable_Default .rgCollapse
		{			
			width:16px;
			background:url(images/guiGrid/minus.gif) no-repeat 0px center;
			border: none;
			padding: 0;
		}


	/* Unfortunately RadGrid still uses nested tables when we use a command row */	
	.guiGrid .GridCommandRow_Default:hover > td /* We dont want the common hover effect on the grid command */
		{
			border-top:solid 1px #94bdd9;
			background-image:none;
		}
	
	.guiGrid .GridCommandRow_Default
		{
		}
		.guiGrid .GridCommandRow_Default a
			{
				font-weight:normal;
				color:#2d2d2d;
			}
		.guiGrid .GridCommandRow_Default > td
			{
				padding:5px;
				border-top:solid 1px #94bdd9;
			}
		.guiGrid .GridCommandRow_Default table
			{	
				height:22px;			
			}
			.guiGrid .GridCommandRow_Default table tr
				{
				}
			.guiGrid .GridCommandRow_Default table td
				{	
					font-weight: bold;	
					color: #464646;	
					text-align:left;
					background-image:url('images/guiGrid/guiGrid_header_bg.png');
					background-repeat:repeat-x;
					background-position:left bottom;
					background-color:#ffffff;	
					border:solid 1px #94bdd9;	
				}		
	
/* Wrap this container around .guiGrid when you need to style progress bar and misc ajax fluff and keep it all in one place.
Ex: 
<div class="guiGrid-Container">
	<asp:UpdateProgress></asp:UpdateProgress>
	<telerik:RadGrid CssClass="guiGrid"></telerik:RadGrid>
</div>
 */		
.guiGrid-Container
	{
		position:relative;
		padding-top:0em;
		margin-top:10px;
	}		
	.guiGrid-Container .guiGfx-ProgressBar
		{
			position:absolute;
			top:5em;
			left:45%;
		}	
		
/************************************************************************************************************
    ALERTS: ERROR
*************************************************************************************************************/	

.guiErrorMessage
    {        
	    background-color:#FFFFCC;
	    color:#990000;	
	    border: solid 1px #990000;
	    padding-left: 5px;   
	    padding-top: 5px;
	    padding-bottom: 5px;	
	    margin: 5px 5px 5px 5px;
    }
    .guiErrorMessage h1
        {	
	        color:#990000;	
	        font-size: 22px;
        }
    .guiErrorMessage h2
        {
	        color:#990000;	
	        font-size: 18px;
        }
    .guiErrorMessage h3
        {
	        color:#444444;	
	        font-size: 16px;
        }
    .guiErrorMessage p
        {
        	
        }

/************************************************************************************************************
    ALERTS: WARNING
*************************************************************************************************************/
/* Styles for the Warning feedback controller */
.guiWarningMessage
    {
	    background-color:#FFD800;
	    color:#9E403B;
	    border: solid 1px #990000;
	    padding-left: 5px;   
	    padding-top: 5px;
	    padding-bottom: 5px;	
	    margin: 5px 5px 5px 5px;
    }

    .guiWarningMessage h1
        {	
	        color:#DF745F;
	        font-family:Trebuchet MS;
	        font-size: 14px;
        }

/************************************************************************************************************
    ALERTS: WARNING
*************************************************************************************************************/
/* Styles for the Warning feedback controller */
.guiMessage
    {
	    color:#9E403B;
	    border: solid 1px #990000;
	    padding-left: 5px;   
	    padding-top: 5px;
	    padding-bottom: 5px;	
	    margin: 5px 5px 5px 5px;
    }

    .guiMessage h1
        {	
	        color:#DF745F;
	        font-family:Trebuchet MS;
	        font-size: 14px;
        }



/************************************************************************************************************
    ALERTS: INFORMATION
*************************************************************************************************************/
/* Styles for the Information feedback controller */
.guiInformationMessage
{
        position:absolute;
        top:0px;
	    background-color:#5dbe31;
	    color:#ffffff;
	    border: solid 1px #ffffff;
	    height:19px; /*21px*/	    
    }
    /* positioning when under misc main page dividers */
    .guiSplitter .guiInformationMessage
        {            
            position:absolute;
            top:-5px;
        }

    .guiInformationMessage h1
        {	
	        color:#ffffff;
	        font-size:1em;
        }

/************************************************************************************************************
    ALERTS: ValidationSummary
*************************************************************************************************************/	
.ValidationSummary
{	
	background-color:#DF745F;	
	border: solid 1px #990000;
	margin: 5px 5px 5px 5px;
}
	.ValidationSummary ul
	{
		 
	}	
	.ValidationSummary li
	{
		text-align:left;
		color:#222222;	
		font-weight:bold;
	}	
	
    .guiModule .ValidationSummary li
    {
        text-align:left;
	    color:#222222;	
	    font-weight:bold;
	    margin-left: 5px;   
	    margin-top: 5px;
	    margin-bottom: 5px;	
    }

    .guiModule .ValidationSummary ul
    {
	    text-align: left;
	    width: 100%;
	    overflow: hidden;
    }
    
/************************************************************************************************************
    MODULE WINDOW
*************************************************************************************************************/	

.guiModuleWindow
    {
    }
    .guiModuleWindow object
        {
            display:block;
            /* height & width should be set with absolute position and auto, but IE just wont handle <objec> or its members like that */
            height:100%;
            width:100%;
        }     
    .guiModuleWindow iframe
        {
            display:block;
            height:100%;
            width:100%; 
        }    
    


    
/************************************************************************************************************
    Toggle
*************************************************************************************************************/   
/* Add this class to any element that will be toggled, fex a fieldset or a div that has a collapse function to it. */    
.guiToggle
    {
    } 
    .guiToggle legend
        {
            cursor:pointer;
        }
        /* container for any snazzy icons etc */   
        .guiToggle legend .gfx
            {
                display: inline-block;
                width:10px;
                text-align:left;
            }    
            
            
/************************************************************************************************************
    LOGIN
*************************************************************************************************************/   
#guiLogin_start
    {
        margin:15% auto;
    }

.guiLogin
    {
        width:305px;
        padding:28px;
        background:url(images/bglogin361x281.gif) no-repeat 0 0;
    }
    .guiLogin .loginHeader
        {
            padding:41px 0 0 39px;
            width:266px;
            
        }
    .guiLogin .Content
        {
            padding:8px 0 0 37px;
            width:238px;
            height:152px;
            overflow:hidden;
        }
        *+html .guiLogin .Content 
        {
            padding-top:5px;    
        }
        .guiLogin .Content table
            {
                width:100%;
            }
            .guiLogin .Content .loginLabel
            {
                font:100 10px/14px Segoe UI;
                color:#fff;  
                height:14px;  
            }
            .guiLogin .Content .loginTXT
            {
                border:solid 1px #949596;
                background:#37393c;
                color:#fff;    
                display:inline-block;
                width:216px;
                height:17px;
                padding:1px 4px 2px;
                font:100 12px/16px Segoe UI;
            }
            .guiLogin .Content .loginValid
            {
                color:#c40202;
            }
            .guiLogin .Content .error
            {
               font:100 11px/13px Segoe UI; 
               padding-top:3px;
               padding-left:1px;
               
            }
            .guiLogin .Content .error div
            {
               background:red;
               padding:2px;
               width:220px;
               float:left;
               color:#fff;
            }
            .guiLogin #uxLogin input[type="submit"]
            {
                margin-top:18px;
                margin-right:9px;
                padding:2px 5px 3px;
                display:inline-block;
                font:100 12px/14px Segoe UI; 
            }
            .guiLogin .isLoginError #uxLogin input[type="submit"]
            {
                margin-top:5px;    
            }
            *+html .guiLogin #uxLogin input[type="submit"]
            {
                padding:1px 0px 2px;  
                height:22px;
            }
            .guiLogin .loginLink{
                color:#696b6d;  
                width:100%;
                text-align:center;
                font:100 11px/14px Segoe UI;  
                padding-top:8px; 
            }
            .guiLogin .loginLink a
            {
                color:#696b6d;  
                font:100 10px/14px Segoe UI;
                padding:0 4px;
            }

            
/************************************************************************************************************
    SEARCH
*************************************************************************************************************/ 
              
	/* Default is styled for instant search. 
	Add "regular" to the class attribute for regular search styles. Ex: class="guiSearch Regular" */
	
	/*** INSTANT */
	.guiSearch
		{
		}
		.guiSearch span
			{
				background-color:#ffffff;
				position:relative;
				border:solid 1px #3069b3;
				display:block;
				width:200px;
				height:19px;
			}
			/* This is a workaround for onBlur. When input[type="text"] does not have focus, then span.blur will apply. */
			.guiSearch span.blur
				{
					background-color:#f0f4fe;
					border:solid 1px #7c7c7c;
				}
				
				.guiSearch span.blur input
					{
						color:#6f7371;
						font-style:italic;
					}
			/* These styles will apply when input[type="text"] have focus. "Blur" will be removed from span by javascript onfocus. */		
			.guiSearch span input
				{
					border:0px !important;    
				}
			.guiSearch span input[type="text"]
				{
					position:absolute;
					width:178px;
					/*height:18px;*/
					top:0px;
					left:0px;
					padding-top:2px;
					padding-left:2px;
					padding-right:2px;
					background-color:Transparent;
				}
			.guiSearch span input[type="image"]
				{   
					display:block;
					position:absolute;
					top:1px;
					right:0px;
					width:17px;    
					height:18px;   
					background-color:Transparent;   
				}
				
	/*** REGULAR */	
	*[class="guiSearch Regular"]
		{
		} 
			*[class="guiSearch Regular"] span.blur input[type="text"]
				{
					border-right:solid 1px #7c7c7c;
				}   
			*[class="guiSearch Regular"] span input[type="text"]
				{
					border-right:solid 1px #3069b3;
					width:180px !important;
					line-height:18px;
				} 
			

tr.rgPager td table tr td.NextPrevAndNumeric .rgWrap
{
    float:left;
    padding-right:5px;
    line-height:20px;
    clear:none;
    width:auto;
}

tr.rgPager td table tr td.NextPrevAndNumeric .rgAdvPart
{
    clear:left;
    width:160px;
    padding-top:5px;
}

tr.rgPager td table tr td.NextPrevAndNumeric .rgAdvPart div
{
    margin-top:-5px;
}

tr.rgPager td table tr td.NextPrevAndNumeric .rgAdvPart span
{
    float:left;
}

tr.rgPager td table tr td.NextPrevAndNumeric .rgAdvPart input
{
    width:30px;
}
    
tr.rgPager td table tr td.NextPrevAndNumeric .rgAdvPart .RadComboBox .rcbArrowCell a    
{
    width:auto!important;
}

.rcbSlide .rcbScroll
{
    background:#fff;
    /*border:#7c7c7c solid 1px;*/
}

.rcbSlide .rcbScroll ul li
{
    text-align:center;
    cursor:pointer;    
}

tr.rgPager td table tr td.NextPrevAndNumeric .rgInfoPart
{
    clear:left;
}

tr.rgPager td table tr td.NextPrevAndNumeric .rgNumPart a
{
    padding-right:5px;
}
/*---------------------------guiSchedule------------------------*/
.guiSchedule .RadScheduler_Default .rsHeader, 
.guiSchedule .RadScheduler_Default .rsHeader ul a:hover, 
.guiSchedule .RadScheduler_Default .rsHeader ul a:hover span, 
.guiSchedule .RadScheduler_Default .rsHeader .rsSelected, 
.guiSchedule .RadScheduler_Default .rsHeader .rsSelected em, 
.guiSchedule .RadScheduler_Default .rsHeader .rsDatePickerActivator, 
.guiSchedule .RadScheduler_Default .rsHeader .rsPrevDay, 
.guiSchedule .RadScheduler_Default .rsHeader .rsNextDay
{
    background-image:url(images/guiSchedule/WebResource-axd.png);
}
.guiSchedule .RadScheduler_Default .rsSpacerCell, 
.guiSchedule .RadScheduler_Default .rsAllDayHeader, 
.guiSchedule .RadScheduler_Default .rsVerticalHeaderWrapper, 
.guiSchedule .RadScheduler_Default .rsVerticalHeaderTable
{
    background-image:url(images/guiSchedule/WebResource-axd_1.png);
}
.guiSchedule .RadScheduler_Default .rsHeader {
    border:1px solid #94BDD9;
}
.guiSchedule .RadScheduler_Default .rsContent, 
.guiSchedule .RadScheduler_Default .rsTopWrap .rsFooter
{
    border:none;
    border-left:solid 1px #94BDD9;
    border-bottom:solid 1px #94BDD9;
    border-right:solid 1px #94BDD9;
}
.guiSchedule .RadScheduler_Default table.rsVerticalHeaderTable .rsAlt th
{
    border-color:#ccd7de;
}
.guiSchedule .RadScheduler_Default .rsVerticalHeaderTable th
{
    border-color:transparent #ccd7de;
}

.RadComboBox table td.rcbInputCell, .RadComboBox .rcbInputCell .rcbInput
{
    padding: 0 0 0 2px !important; /* fix the bug at the My Page search box */
}

.linkSaveImage
{
    vertical-align:middle;
}