﻿/* Base Styles */

html
{
    height:100%;
}

body
{
    margin:0;  
    background:#FFFFFF;
    height:100%;
    color: #333;
    font-family: "lucida grande" , Tahoma, Verdana, Arial, Sans-Serif;
}

a
{
    outline:none !important;
}

a, a:link, a:active, a:visited
{
    color:#15314d;
}

a:hover
{
    color:#15314d ;
}

form
{
    height:100%;
}

.wrap
{
    width:100%;
    margin:0;
    background: transparent;
    height:100%;
}

.header
{
    margin:0 auto;
    width:960px;
    min-height:150px;
    height:150px;
}

.header_logo
{
    float:left;
    font-size:26px;
    margin-left:20px;
    margin-top:5px;
}

.header_content
{
    float:right;
    background: url("");
    background-color:#ed1b24;
    background: -webkit-gradient(linear, left bottom, left top, from(#ed1b24), to(#ab1517));
    background: -moz-linear-gradient(bottom, #ed1b24, #ab1517);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1b24', endColorstr='#ab1517');
}

.header_content_top
{
    
    padding: 1px 10px;
}

.header_content_bottom
{
    text-align:right;
    font-size: 12px;
    
    padding:4px 0px;
    padding-top:6px;
}

.breadcrumb
{
    width:100%;
    background:#9cb8d4;
    min-height:42px;          
}

.breadcrumb_content
{
    margin:0 auto;
    width:960px;
    padding-left:25px;
    padding-top:10px;
}

.content
{
    margin:0 auto;
    width:960px;
    background:#eee;
    min-height:50%;
    padding-bottom:25px;
}

.content_header
{
    height:60px;
    width:100%;
    background:#eee;
}

.contentGrid_orderEntry_Absolute
{
    position: absolute; 
    left: 50%; 
    width:100%; 
    max-width: 1550px; 
    min-width:960px; 
    max-height:550px
}

.contentGrid_orderEntry_Relative
{
    position: relative; 
    left: -50%;

}
.contentspacer_orderEntry
{  
    height:550px;   
     
}

.content_header_title
{
    float:left;
    height:59px;
    margin-top:20px;
    position:relative;
    left:-7px;
    background:transparent url(../Images/page_banner.png) 0px 0px;
    width:634px;
    top: 0px;
}

.title_text
{
    font-size:26px;
    color:#e8e8e8;
    height:26px;
    margin-top:14px;
    margin-left:35px;
    font-weight:bold;
}

.content_header_right
{
    float:right;
    height:45px;
    margin-top:30px;
    width:250px;
}

.content_detail
{
    width:98%;
    margin: 0 auto;
    background:#eee;
    overflow-y:hidden;
}

.contentstretchinger
{
    margin:0 auto;
    min-width:960px;
    background:#eee;
    min-height:50%;
    max-width:98%;
    padding-bottom:25px; 
}

.footerstretchinger
{
    margin:0 auto;
    min-width:960px;
    height:35px;
    background: #92aecf;
    color:#FFF;
    margin-bottom:10px;
    max-width:98%;
}


.footer
{
    margin:0 auto;
    width:960px;
    height:35px;
    background: #92aecf;
    color:#FFF;
    margin-bottom:10px;
}

.footer_content
{
    
    height:100%;
    min-height:100%; 
    font-size: 12px;
    padding:10px 0 0 25px;
}

#footcnt
{
    min-height:100%;
}

/* Breadcrumb Styles */

.currentNode
{
    color:#15314d !important;
}

.pathSep
{
    margin-left:5px;
    margin-right:5px;
    color:#fff;
}

/* Menu Styles */

#logOutBtn a, #logOutBtn a:hover, #myAccount a
{
    color:#eee !important;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
margin-top:8px;
margin-bottom:10px;
white-space: nowrap;
height:26px;
}

#navlist li
{
display: inline;
list-style-type: none;
}

.topMenuItem
{
    padding:6px 10px;
    display:inline-block;
}

#navlist li div { }
.current{background:#eee;}
.current a { color: #15314d !important;}
#navlist li div a { }
#navlist li div a { font-size:12pt; color: #eee; text-decoration:none; background:transparent;}
#navlist li div a:hover { font-size:12pt; color: #eee; text-decoration:underline; }

/*
#navlist li div { padding: 6px 4px; }
#navlist li div a{ padding: 6px 4px }

#navlist a:link, #navlist a:visited
{
color: #eee;
text-decoration: none;
}

#navlist > li > div > a:hover
{
color: #eee !important;
background-color: transparent;
text-decoration:underline;
}




.current a
{
color: #15314d !important;

text-decoration: none;
}

.current
{
color: #15314d !important;
background-color: #eee;
text-decoration: none;
}

.current a:hover
{
color: #15314d !important;

text-decoration: none;
}

a, a:link, a:active, a:visited
{
    color:#15314d;
}

a:hover
{
    color:#15314d !important;
}

*/

/* Chain Styles */

.left
{
    float: left;
}

.overflow
{
    overflow:auto;
}

.noBorder
{
    border: none;
}

.extend
{
    width: 500px !important;
}

.extendLabel
{
    width:250px !important;   
}

.largeLabel
{
    width:170px !important;   
}

.alignLeft
{
    text-align:left !important;   
}

.hide
{
  display:none;   
}

.noBottomPadding
{
    padding-bottom:0px !important;
}

.noOutline
{
    outline:none;
}
/* Control Based Styles */

.lineItem
{
    min-height: 28px;
    height: auto !important;
    height: 35px;
}
.lineItemHeight
{
    min-height: 50px;
    height: auto !important;
    height: 35px;
}
.lineItemNext
{
    min-height: 60px;
    height: auto !important;
    height: 35px;
}
.biglineItem
{
    height: 255px;
}
.labelLeft
{
    float: left;
    width: 120px;
    text-align:right;
    padding-right:10px;
    font-size: 12px;
}

.labelLeftLong
{
    float: left;
    width: 160px;
    text-align:right;
    padding-right:10px;
    font-size: 12px;
}

.controlRight
{
    float: left;
    font-size: 12px;
}

.levelHover:hover
{
    background:#8a9cc2 !important;
}

/* Login Styles */

.loginHeaderScrew
{
    height:42px;
    width:49px;
    float:left;
}

.loginHeaderRight
{
    float:right;
}

.loginHeader
{
    margin-bottom:5px;
    width:325px;
    background: #0767a6 url(../Images/hdr_body.png) repeat-x;
    height:26px;
}

.loginHeaderText
{
    margin-top:4px;
    font-weight:normal;
    color:#eee;
    font-size:16px;
    float:left;
    margin-left:15px;
    vertical-align:middle;
}

.loginSignUp
{
    margin-right:20px;
    min-height:75px;
    width:400px;
}

.loginVerticalSeperator
{
    border-left:1px solid #9aafca;
    padding-left:20px;
    min-height:130px;
    width:420px;
}

.loginVerticalSeperatorCustom
{
    border-left:1px solid #9aafca;
    padding-left:20px;
    min-height:420px;
    width:420px;
}

/* Search Styles */

table.SignupTableWizard
{
    margin:20px;
    font-size:12px;
    font-family:Arial;
    width:800px;
    float: left;
    border-collapse: collapse; /* 'cellspacing=0' equivalent */    
}

table.SignupTableWizard .vertical-divider
{   
    border-left-style: solid;
    border-width:0px;
    border-left-width: thin;

    border-left-color: Gray;   
}

table.SignupTableWizard td, table.SignupTableWizard th
{
    padding: 0; /* 'cellpadding=0' equivalent */
}

table.SignupTableWizard > tbody > tr
{
    vertical-align:top;    
}

.SignupTableWizard .cellControlRight > div
{        
    text-align:left;
    padding:0px 10px 5px 0px;    
    font-size: 12px;
}

.SignupTableWizard .cellControlLeft
{    
    width:200px;
}
.SignupTableWizard .cellControlLeft > div
{        
    text-align:right;
    padding-right:25px;
    padding-bottom:5px;
    font-size: 12px;
}

.SignupTableWizard .cellLabelRight > div
{   
    text-align:left;
    padding-right:10px;
    padding-bottom:5px;
    font-size: 12px;
}

.SignupTableWizard .cellLabelLeft
{    
    width:200px;
}
.SignupTableWizard .cellLabelLeft > div
{    
    text-align:right;
    padding-right:10px;
    padding-bottom:5px;
    font-size: 12px;
}

.SignupTableWizard .cellHelpArea > div
{
    width:200px;
    text-align:left;
    padding-right:15px;
    padding-left:15px;
    padding-bottom:5px;
    float:left;
    font-size: 12px;
}

.SignupTableWizard .lastRowArea
{
    padding-top:10px;
    font-size: 12px;
}

.video_container
{
    width:85%;
    margin:15px auto;
    border:1px solid #ccc;
    height:125px;
    background:#fff;
}

.video_container:hover
{
    width:85%;
    margin:15px auto;
    border:1px solid #ccc;
    height:125px;
    background: transparent url(../Images/video_hover.png);
}

.video_preview
{
    margin-top:11px;
    margin-left:15px;
    height:100px;
    width:160px;
    float:left;
    background:#ddd;
}

.video_preview_a
{
    border:none;height:100px;width:160px;text-decoration:none;
}

.video_content
{
    float:left;
    margin-left:30px;
    margin-top:15px;
    height:100px;
    width:70%;
}

.video_content_topic
{
    font-weight:bold;
    color:#020202;
    margin-bottom:10px;
}

.video_content_subtopic
{
    color:#777;
    margin-bottom:10px;
}

.video_content_detail
{
    color:#aaa;
    font-size: 12px;
    margin-bottom:10px;
}

.video_content_likes
{
    color:#000;
    font-size: 12px;
}

.video_content_detail_v
{
    color:#777;
    font-size: 12px;
}

.video_view
{
    float:right;
    height:50px;
    margin-right:20px;
    margin-top:40px;
}

.video_script
{
    width:399px;
    background:transparent;
    
    border-right:none;
    position:relative;
    float:right;
    min-height:100px;
    margin-top:15px;
    right: -351px;
    z-index:1000 !important;
}

.helpfulCount
{
    float:left;
    margin-right:5px;
}

.search_container
{
    width:85%;
    margin:15px auto;
    border:1px solid #ccc;
    background:#fff;
}

.search_text
{
    float:left;
    margin-top:10px;
}

.search_submit
{
    float:left;
    margin-left:9px;
    margin-top:10px;
    padding-top:3px;
    padding-top:0px;
    padding-top:0px\9;
}

.fadeMenuItem
{
    margin-left:10px;
    margin-bottom:5px;
    font-size: 12px;
}

/* Profile Styles */

.menuContainer
{
    width:200px;float:left;position:relative;margin-right:-1px;border-bottom:1px solid #0e385f;
}

.menuItem
{
    height:35px;width:198px;border:1px solid #0e385f;border-bottom:0px;background:#8a9cc2;color:#fff;cursor:pointer;
}

.menuItem:hover
{
    height:35px;width:198px;border:1px solid #0e385f;border-bottom:0px;background:#9aafca;color:#fff;cursor:pointer;
}

.selectedMenuItem
{
    height:35px;width:199px;border:1px solid #0e385f;border-bottom:0px;border-right:0px;color:#0e385f !important;background:#fff;   
}

.menuItemText
{
    margin-left:10px;margin-top: 7px; position: absolute;
    
    text-decoration:none;
}

.controlsContainer
{
    width:500px;float:left;
}

.gridControlsContainer
{
    float:left;width:auto;   
}

.extendControlsContainer
{
    width:80% !important; padding-right:15px;
}

.controlItem
{
    border:1px solid #0e385f;width:600px;padding-left:30px;padding-top:20px;padding-bottom:20px;
}


/* UI Button Styles */
.button
{
    background-position: 0px -245px;
    border-width: 1px;
    border-style: solid;
    border-color: #777 #777 #ccc;
    
    text-align: center;
    line-height: normal !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
}
.buttonSuppressed:active
{
    background-position: 0px -245px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(153, 153, 153) rgb(153, 153, 153) rgb(136, 136, 136);
    padding: 2px 6px;
    text-align: center;
    line-height: normal !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
    background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/y1/r/WUGF7ETcWHn.png");
    background-repeat: no-repeat;
    background-color: rgb(238, 238, 238);
}
.buttonSuppressed:focus
{
    background-position: 0px -245px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(153, 153, 153) rgb(153, 153, 153) rgb(136, 136, 136);
    padding: 2px 6px;
    text-align: center;
    line-height: normal !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
    background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/y1/r/WUGF7ETcWHn.png");
    background-repeat: no-repeat;
    background-color: rgb(238, 238, 238);
}
.buttonSuppressed:hover
{
    background-position: 0px -245px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(153, 153, 153) rgb(153, 153, 153) rgb(136, 136, 136);
    padding: 2px 6px;
    text-align: center;
    line-height: normal !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
    background-image: url("http://static.ak.fbcdn.net/rsrc.php/v1/y1/r/WUGF7ETcWHn.png");
    background-repeat: no-repeat;
    background-color: rgb(238, 238, 238);
}
.button + .button
{
    margin-left: 4px;
}
.button:hover
{
    text-decoration: none;
}
.button:active
{
    background: rgb(221, 221, 221);
    border-bottom-color: rgb(153, 153, 153);
    box-shadow: 0px 1px 0px rgba(0,0,0,0.05);
}
.buttonDepressed
{
    background: rgb(221, 221, 221);
    border-bottom-color: rgb(153, 153, 153);
    box-shadow: 0px 1px 0px rgba(0,0,0,0.05);
}
.button .img
{
    margin-top: 2px;
    vertical-align: top;
}
.buttonLarge .img
{
    margin-top: 4px;
}
.button .customimg
{
    margin-top: 0px;
}
.button .uiButtonText
{
    margin: 0px;
    padding: 1px 0px 2px;
    border: 0px currentColor;
    color: rgb(51, 51, 51);
    font-family: "Lucida Grande" , Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
}
.button input
{
    margin: 0px;
    padding: 1px 0px 2px;
    border: 0px currentColor;
    color: rgb(51, 51, 51);
    font-family: "Lucida Grande" , Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
}

.buttonSpecial
{
   
   border-color: #777 #777 #555;

    background-color: #00609d ;
}

.buttonSpecial:active
{
    background: #9cb8d4;
    border-bottom-color: #ddd;
}

.buttonSpecial .RadButton .rbText
{
    color: #fff !important;
}

.buttonSpecial a
{
    color: #fff !important;
    font-weight:normal;
    text-decoration:none;
    display:block;
    padding: 0px 6px;
}

.buttonTopPad a
{
    padding: 2px 6px !important;
}


.buttonPad a
{
    padding: 0px 6px !important;
}

.buttonNoPad a
{
    padding: 0px 0px !important;
}

.imgButtonNoPad a 
{
    padding: 0px 4px !important;
}

.imgButtonPad
{
    padding: 1px 6px !important;
}

.fillspace
{
    display:block;
}

.buttonHover
{
    background: #A8D7E9 !important;
}

.rbDisabled.rbLinkButton.RadButton_Default
{
    background:transparent !important;
}

/* Validation Styles */

.ValidationAlertItem ul li
{
    list-style-type:square;
    list-style-position: inside;
}

.pNote
{
    font-size: smaller; font-style:italic;
}
.red
{
    color: Red; font-weight: bold;
    font-size:12px;
}

.bluediv
{
    background: #c4d7e4; padding: 3px 0 3px 3px;
}
.helpImageInserted
{
    width: 75px; height: 75px; float: left;
    margin: 10px 5px 20px 10px; padding: 0px 0px 0px 0px;
}
.pModalTextFloats
{
    width: 400px; margin: 10px 0px 20px 5px;
    float: left; text-align: justify;
}

.content_header_right
{
    float:right; width: 270px; height:60px; 
    margin:20px -10px 0px 0px; padding: 6px 0 0 30px;
    background: transparent url(../Images/search-bg.png) no-repeat 0 0;
}
.pHome, .ulHome
{
    float: left; width: 200px;
}
.pHome
{
    font-size: 12px;
}
.ulHome /* applied to a DIV holding a UL, Mr Jandle */
{
    
}
.ulHome li
{
    list-style: none; list-style-type: none;
    list-style-image: url(../Images/leaders.png);
    font-size: 12px; margin: 0 0 3px 0;
}
.ulHome .firstLI
{
    list-style-image: none; margin-left: -20px;
    font-weight: bold; font-size: 12px;
}
.divFeatureLarge
{
    background: url(../Images/hand.jpg) no-repeat 0 0;
    border: 1px solid #212d3a;
}
.divFeatureSmall
{
    border: 1px solid #212d3a; height:120px;width:200px;
    float:left;margin-right:9px;
}
.buttonStyle, .buttonStyleBrown
{
    background: #ad9a7b; border: 1px solid #525552;
    padding: 3px 8px; display: inline-block;
    text-decoration: none; color: White; height: 20px;
    line-height: 19px; text-align: center;
}
.buttonStyleBrown
{
    color: #081421;background: White; 
}
.divBreadCrumbs
{
    width:930px; height: 30px; position: relative;
    text-decoration: none; 
    padding: 3px 0px 0px 10px; margin:0px 0px 5px 4px;
    font-size:smaller; background: transparent url(../Images/divBreadCrumbs.png) no-repeat 0 0;
}  
.aCrumbLink:link, .aCrumbLink:visited, .aCrumbLink:hover, .aCrumbLink:active
{
    text-decoration: none; height: 24px; line-height: 24px;
}
.aCrumbLink:hover, .aCrumbLink:active
{

}
.aCrumbHere
{

}

.popupAdminWindow
{
    margin:10px;
    font-family:Arial;
    font-size:12px;  
    }
.popupAdminWindowButton
{
    margin:10px;
} 

.CommProjectTab
{
    width:120px;
    height:30px;
    }
    
.CommProjectTab .rtsIn
{
    padding:5px 0 0 0 !important;
    font-family:"lucida grande" , Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight:bold;
    color:#081722;
    }
    
.ProjectTab
{
    width:160px;
    height:30px;
    }
    
.ProjectTab .rtsIn
{
    padding:2px 0 0 0 !important;
    font-family:"lucida grande" , Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight:bold;
    color:#081722;
    }
    
 .AlertCircle
 {
     margin-left:10px;
     font-family:"lucida grande" , Tahoma, Verdana, Arial, Sans-Serif;
     background-color:Red;
     color:White;
     font-size:12px;
     text-align:center;
     vertical-align:middle;
     }
     
.popUp
{
    padding:35px 0 15px 0;
    background: #eee url(../Images/popUpBG.png) repeat-x 0 0;
    height:567px;
    overflow:hidden;
}

.divSpanEditPanelControls
{
	min-height:35px;
	height:auto !important;
	height:35px;
	border-bottom: 1px solid #dbdbdb;
}

.divSpanEditPanelControls2, 
.divSpanEditPanelControls2ColLeft,
.divSpanEditPanelControls2ColRight
{
	padding: 5px 0 0 5px;
	border: none;
}

.divSpanEditPanelControls2ColLeft,
.divSpanEditPanelControls2ColRight
{
	width: 350px;
	float: left;
	border: none;
}

.divContactLabel
{
	display: inline-block;
	display: -moz-inline-stack;
	width: 130px;
	vertical-align: top;
	font-size: 12px;
}
	
.divContactControlShort, .divContactControlMed, .divContactControlLong
{
	display: inline-block;
	display: -moz-inline-stack;
	vertical-align: top;
	font-size: 12px;
}

.divContactControlShort
{
	width: 175px;
}

.divContactControlLong
{
    width: 400px;
    }

.span_SingleControl
{
    float:right;
    padding:10px 15px 0 0;
    }
    
.btnAddNew
{
    margin-bottom:10px;
    
    }
    
 .RadUpload input.ruFakeInput
{
    display: none;
}

.RadUpload input.ruBrowse
{
    width: 115px;
} 

.RadUpload span.ruFileWrap input.ruButtonHover
{
    background-position: 100% -46px;
}

.RadUpload input.ruButton
{
    background-position: 0 -46px;
}

.login_text
{
    font-size:12px;
    margin-bottom:15px;   
}

th
{
font-weight:normal;
font: 12px

}    

       
    
#jsddm{
	margin:0;
	padding:2px 0 0 2px;
	font-family:'Maven Pro', sans-serif;
	/*font-weight:900;*/
	font-size:12px;	
}

#jsddm li{	
	float:left;
	list-style:none;
	padding:0 0 0 0px;
    height: 34px;
}
#jsddm li a{	
	display:block;
	padding:5px 8px;
	text-decoration:none;
	color:#fff;
	white-space:nowrap;
}
#jsddm li a:hover{	
	/*background:#4b78de;*/
	color:#000;
}
#jsddm li ul{	
	margin:3px 0 0 0;
	padding:0;
	position:absolute;
	visibility:hidden;
	border-top:1px solid #3b3d3c;
	z-index:99;
}
#jsddm li ul li{	
	float:none;
	display:inline;
}
#jsddm li ul li a{	
	background-color: #00609D;
	padding: 5px 10px 5px 10px;
	margin:0 0 0 0;
	margin:0 0 0 0;
	border-top:1px solid #3b3d3c;
	font-weight:700;
	color:#fff;
	opacity:1;
}
#jsddm li ul li a:hover{	
	background-color:#234C73;
	color:#FFF;
	opacity:1;
}

div.RadGrid .rgAltRow
{
   background: #C9F1FA;
   height: 55px;
}

div.RadGrid .rgAltRow td
{}

 .comboBoxListItem 
{ 
    background-color: #C9F1FA; 
} 
 
.alternatingComboBoxListItem 
{ 
    background-color: #FFF; 
}

.contentGrid
{

    overflow:auto;
    height:800px;
    min-width:940px;
} 

.contentspacer
{
    height:735px;
}

.nextMid
{
    position:absolute;
    left:45%;
    right:45%;
} 

.MasterClass .rgCaption 
{} 
.titleCaption .rgCaption
{
    margin: 1px;
    padding: 2px;
    font-size: 18px;
    font: bold;
    vertical-align: middle;
    text-align: left;
    font-family: "lucida grande",Tahoma,Verdana,Arial,Sans-Serif;
}
.RadGrid caption
{
        height:20px;
      text-align: left;
} 

.RadGrid .rgHoveredRow
{
    background-color:#c4d7e4 !important;
}