﻿body 
{
    font-family: 'Poppins', Helvetica, Arial, sans-serif;
	background-color:White;
    color:#181818;    
    min-width:1000px;
}

figure
{
    margin:0;
}

h1
{
    font-size:16pt;
}

a, a:link, a:active
{
    color:#5A70FB;
    text-decoration:none;    
    font-family: 'Poppins', Helvetica, Arial, sans-serif;
}

.mainHeaderText
{
    font-size:30pt;
    font-weight:bold;
    float:left;
    margin-top:20px;
    color:White;
}

#headerBackgroundColor
{
    background-color:#07294A;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:300px;
    z-index:-1;
}

#siteContentOuterPane
{
    min-width:1000px;
}

#siteContentInnerPane
{    
    min-width:1000px;
    max-width:1400px;
    margin:0 auto;
    text-align:center;
    padding-left:6px;
    padding-right:4px;
}

#rmHeader
{
    min-width:800px;
    max-width:1400px;
}

#rmHeader #navigationBar
{
    text-align:justify;
    display:inline-block;
    height:85px;
    width:100%;
    padding-top:15px;
    font-size:14pt;
}

#rmHeader #navigationBar #titleAnchor
{
    text-decoration:none;
    font-weight:bold;
    color:White;
    font-size:21pt;
    height:43px;
    display:inline-block;
    vertical-align:top;
    margin-top:6px;
}

#rmHeader #navigationBar #titleAnchor img
{
    float:left;
}

#rmHeader #navigationBar #titleAnchor span
{
    display:inline-block;
    margin-top:2px;
    margin-left:5px;
}

#rmHeader #navigationBar #navRightBox
{
    display: inline-block;
}

#rmHeader #navigationBar #navRightBox.loggedOut
{
    margin-top:10px;
}

#rmHeader #navigationBar #loginBox
{
    display: inline-block;
    border-radius:12px;
    border:2px solid white;
    font-size:12pt;
    padding-top:6px;
    padding-bottom:6px;
    padding-left:16px;
    padding-right:16px;
    margin-right:10px;
    text-align:center;
}

#rmHeader #navigationBar #loginBox a.loggedInName
{
    color:#70FF70;
    display:block;
    font-size:9.5pt;
    font-weight:bold;
}

#rmHeader #navigationBar #loginBox #LogOutButton,
#rmHeader #navigationBar #loginBox #LogInButton
{
    color:white;
    cursor:pointer;
}

#rmHeader #navigationBar #loginBox #LogOutButton:hover,
#rmHeader #navigationBar #loginBox #LogInButton:hover
{
    color:#CCCCFF;
}

#rmHeader #navigationBar #loginBox a:hover
{
    color:#CCCCFF;
}

#rmHeader #navigationBar #loginBox #UserName
{
    display:block;
}

#rmHeader #navigationBar .dropDownMenu,
#rmHeader #navigationBar .openDropDownMenu 
{
	display:inline;
	position:relative;
}

#rmHeader #navigationBar .dropDownMenu .dropDownOptions
{
	display:none;
}

#rmHeader #navigationBar .openDropDownMenu .dropDownOptions
{
	z-index:1000;
	background-color:#07294A;
    margin-top:-40px;
	position:absolute;
	left:0px;
	display:block;
	border: 1px solid #CCCCCC;
	padding: 8px;
	text-align:left;
	font-size:9pt;
	width:200px;
}

#rmHeader #navigationBar .openDropDownMenu .dropDownOptions a
{
	display:inline-block;
	clear:right;
	font-size:10.5pt;
	padding: 0;
	margin: 0;
	height:18px;
	width:200px;
	margin-bottom:3px;
	color:White;
}

#rmHeader #navigationBar .openDropDownMenu .dropDownOptions a:hover
{
    color:#CCCCFF;
}

#navigationBar .dropDownMenu,
#navigationBar .dropDownTitle,
#navigationBar a.headerLink, 
#navigationBar a.headerLink:link, 
#navigationBar a.headerLink:active
{
    margin-top:20px;
    display: inline-block;
    color:White;
    text-decoration:none;
    font-size:12pt;
    vertical-align:top;
}

#navigationBar .dropDownTitle:hover,
#navigationBar .dropDownMenu:hover,
#navigationBar a.headerLink:hover
{
    color:#CCCCFF;
    text-decoration:none;
    cursor:pointer;
}

#navigationBar:after 
{
    content: '';
    width: 100%;
    display: inline-block;
}

.roundedBoxMajor
{
    padding-left:30px;
    padding-right:30px;
    padding-top:8px;
    padding-bottom:8px;
    background-color:#5A70FB;
    display:inline-block;
    color:White;
    font-weight:normal;
    font-size:9pt;
    border-radius:10px;
}

.roundedBoxMajor a
{
    text-decoration:none;
}

#TopBarContainer
{
    text-align:center;    
    min-width:800px;
    max-width:1400px;
}

#TopBarContainer #TopBar
{
    height:200px;
    width:80%;
    color:White;
    display:inline-block;
}

#TopBarContainer #TopBar #TopBarLeft
{
    width:50%;
    display:inline-block;
    vertical-align:top;
    text-align:left;
}

#TopBarContainer #TopBar #TopBarLeft h1
{
    font-size:30pt;
    font-weight:bold;
    margin-top:20px;    
}

#TopBarContainer #TopBar #TopBarRight
{
    text-align:right;
    width:49%;
    display:inline-block;
    vertical-align:top;
}

#TopBarContainer #TopBar #TopBarRight #TopBarRightContainer
{
    display:inline-block;
}

#bodyContent
{
    text-align:left;
}


#BottomPane
{
    height:320px;
    display:block;
    background-color:#07294A;
    margin-top:48px;
    padding-top:50px;
    width:100%;
    text-align:center;
    font-size:12pt;
}

#BottomPane .navigationSection a,
#BottomPane .navigationSection a:link,
#BottomPane .navigationSection a:active
{
    color:white;
    text-decoration:none;
}

#BottomPane .navigationSection a:hover
{
    color:#CCCCFF;
}

#BottomPane #BottomPaneInner
{
    width:1000px;
    display:inline-block;
    text-align:left;
}

#BottomPane #LeftBottomPane
{
    display:inline-block;
    text-align:left;
    width:220px;
    margin-right:40px;
}

#BottomPane #LeftBottomPane .bottomHeader
{
    color:#A0A0A0;
    display:block;
    margin-top:15px;
    margin-bottom:15px;
}

#BottomPane #RightBottomPane
{
    vertical-align:top;
    display:inline-block;
    text-align:left;
}

#BottomPane #RightBottomPane .navigationSection
{
    display:inline-block;
    vertical-align:top;
    width:270px;
}

#BottomPane #RightBottomPane .navigationSection a
{
    display:block;
    text-decoration:none;
}

#BottomPane #RightBottomPane #BottomTextProduct
{
    color:#34ABC7;
    font-weight:bold;
    display:inline-block;
    margin-bottom:8px;
}

#BottomPane #RightBottomPane #TwitterLink
{
    display:block;
    margin-top:40px;
}

#BottomPane #RightBottomPane #BottomTextDocumentation
{
    color:#CF4585;
    font-weight:bold;
    display:inline-block;
    margin-bottom:8px;
}

#BottomPane #RightBottomPane #BottomTextMoreInfo
{
    color:#5C68FF;
    font-weight:bold;
    display:inline-block;
    margin-bottom:8px;
}

#BottomPane #Footer
{
    display:inline-block;
    margin-top:40px;
    padding-left:8px;
    padding-right:8px;
    color:#A0A0A0;
    text-align:left;
    width:100%;
    font-size:9.5pt;
}

#BottomPane #Footer span
{
    display:inline-block;
}

#BottomPane #Footer a,
#BottomPane #Footer a:link,
#BottomPane #Footer a:active
{
    color:#A0A0A0;
    text-decoration:none;
}

#BottomPane #Footer #WebsiteTerms
{
    float:right;
}

#BottomPane #LastNavSection
{
    width:180px !important;
}

#CloudHolderTrial
{
    background:url('/Content/Shared/Cloud3.png') top center repeat;
    min-width:1000px;
    display:inline;
    position:absolute;
    height:309px;
    left:0px;
    z-index:-1;
    width:100%;
    margin-top:-20px;
}

#TrialSectionContainer 
{
    text-align:center;
}

#TrialSectionContainer .featureHeader
{
    font-weight:bold;
    font-size:24pt;
}

#TrialSectionContainer #TrialSection
{
    width:800px;
    display:inline-block;
    text-align:left;
    margin-left:0;
}

#TrialSectionContainer #TrialSection img
{
    float:right;
}

#TrialSectionContainer #TrialSection #TrialHeader
{
    margin:60px;
    margin-left:0;
    margin-bottom:0;
}

#TrialSectionContainer #TrialSection #TrialText
{
    margin-top:10px;
    margin-bottom:20px;
    font-size:10.5pt;
}