/* 
File: Sizing.css
Purpose: Common place for sizing constants.
Created: 2013-Mar-05
Notes: 
 - To replace styling attributes on Telerik rad controls, you can't use css classes because Telerik
   overrides your classes with their own. Instead, set ClientIDMode to static on the 
   control and then reference the control by ID which css considers to be more specific than class.
   To be even more specific, specify the input element with submit attribute as a child of the
   control, because Telerik renders buttons as input elements within span elements, but places 
   the id on the span element.
*/

.PortalMaxWidth
{
    width: 1280px;
}

.FullWidth 
{
    width: 100%;
}

.HalfWidth
{
    width: 50%;
}

.LoginWidth
{
    width: 80%;
}

.AdditionalAccessWidth
{
    width: 70%;
}

/*
.header 
{
    height: 200px;
}
*/

/* 
Width of the 3 content divs need to add up to no more than 99%, 
otherwise the browser moves the right div to the bottom.
*/
   
div#LeftContentDiv
{
    width: 12%;
    overflow: hidden;
}


div#MainContentDiv
{
    width: 69%;
    overflow: hidden;
}

div#RightContentDiv
{
    width: 18%;
    overflow: hidden;
}

.MainContentHeight
{
    min-height: 400px;
}

.PdfViewerHeight
{
    min-height: 1600px;
}

.SocialMediaBarWidth
{
    width:1100px;
}

.TopBarHeight
{
    height: 25px;
}

.TopLogoHeight
{
    height: 28px;
}

.ContentAreaHeader
{
    width: 100%;
    height: auto;
}

/* Account Info */

/* OVERRIDE THE INPUT FIELD WIDTHS FOR LOGIN PAGE */
 
fieldset.login input.passwordEntry, fieldset.login input.textEntry 
{
    width: 100%;
}


div.accountInfo
{
    width: 80%;
}


div#ListViewItemBackgroundImage 
{
    height: 2.5em; 
    width: 100%; 
}

#RotatorText
{
    height:85%; 
}

#ListViewItemLabel
{
    height: 70%; 
    width: 100%; 
}

#RotatorSize
{
    height: 80%; 
    width: 100%; 
}

/* Proposal response input text from Welcome.aspx */

#ProposalResponseText 
{
    height: 100px;
}

/* Social media links in the footer. */

.WideSocialMediaItem
{
    width:220px;
}

.NarrowSocialMediaItem 
{
    width:175px;
}


/* From ProductManager.aspx */

#ProductManagerBackgroundColorDiv
{
    width: 32px; 
    height: 16px; 
}

.BasicTile 
{
    margin:10px;
    width: 120px;
    height: 120px;
}

div#LogDiv
{
    height: 500px;
}

.loginLabelWidth
{
    width: 31%;
}

.loginInputWidth
{
    width: 61%;
}


/* When web pages have many input fields organized into columns, these widths are used. */
.WideColumnLabelWidth 
{
    width: 250px;
}

.FirstColumnLabelWidth
{
    width: 180px;
}

.SecondColumnLabelWidth
{
    width: 180px;
}

div.DoubleSpace, div.DoubleSpace span.LabelAlign, div.DoubleSpace span.firstColumnLabel
{
    line-height: 1.5em;
}

.YoutubeVideo 
{
    width: 800px;
    height: 450px;
}

.Spacer100
{
    width: 100px;
}

.Spacer150
{
    width: 150px;
}