html, body { height:100%; margin:0; padding:0; }
form { height:auto; min-height:100%; }
body {
    background:rgba(28, 92, 168, 0.8) url('../img/background.png') repeat;
    font-family:Helvetica,Arial,sans-serif; 
    font-size:10pt; 
    margin:0; 
    min-width:900px; 
    padding:0; 
}
br.c { clear:both; }

input[type=button], input[type=submit] {
    background: rgb(46,157,232);
    background: -moz-linear-gradient(top, rgb(46,157,232) 0%, rgb(96,171,229) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(46,157,232)), color-stop(100%,rgb(96,171,229)));
    background: -webkit-linear-gradient(top, rgb(46,157,232) 0%,rgb(96,171,229) 100%);
    background: -o-linear-gradient(top, rgb(46,157,232) 0%,rgb(96,171,229) 100%);
    background: -ms-linear-gradient(top, rgb(46,157,232) 0%,rgb(96,171,229) 100%);
    background: linear-gradient(to bottom, rgb(46,157,232) 0%,rgb(96,171,229) 100%);
    border:1px solid rgb(66,164,230);
    border-radius:4px; 
    color:rgb(255, 255, 255); 
    cursor:pointer;
    font-weight:bold; 
    height:28px; 
    width:102px; 
    padding:0px;
}
a.button {
        background: rgb(46,157,232);
    background: -moz-linear-gradient(top, rgb(46,157,232) 0%, rgb(96,171,229) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(46,157,232)), color-stop(100%,rgb(96,171,229)));
    background: -webkit-linear-gradient(top, rgb(46,157,232) 0%,rgb(96,171,229) 100%);
    background: -o-linear-gradient(top, rgb(46,157,232) 0%,rgb(96,171,229) 100%);
    background: -ms-linear-gradient(top, rgb(46,157,232) 0%,rgb(96,171,229) 100%);
    background: linear-gradient(to bottom, rgb(46,157,232) 0%,rgb(96,171,229) 100%);
    border:1px solid rgb(66,164,230);
    border-radius:4px; 
    color:rgb(255, 255, 255); 
    cursor:pointer;
    display:inline-block;
    font-weight:bold; 
    height:26px; 
    line-height:26px;
    text-align:center;
    text-decoration:none;
    vertical-align:text-bottom;
    width:100px; 
}

#agreement {
    background-color:#eee;
    border:1px solid black;
    border-radius:4px;
    box-shadow:inset 0px 0px 6px 0px rgba(0,0,0,0.7);
    height:400px;
    margin:auto;
    padding:4px 0;
    width:98%;
}
#agreement > div {
    height:100%;
    margin:auto;
    overflow:auto;
    width:99%;
}
#agreement p:first-of-type { margin-top:0; }
#agreement p:last-of-type { margin-bottom:0; }
.error { color:rgb(244, 12, 12); font-weight:bold; }
#header {
    background-color:rgb(255,255,255); 
    /* box-shadow:0px 2px 1px rgba(0, 0, 0, 0.5); */
    float:left;
    width:100%; 
    min-width:900px; 
    z-index:5;
}
#footer {
    background-color:#fff;
    box-shadow:0 -1px 2px rgba(0, 0, 0, 0.5);
    line-height:20px;
    margin-top:-30px;
    padding:5px;
    text-align:center;
}
#header img.logo { border:0; float:left; }
#header .containerBox { float:right; }
#header .loginBox, #header .miniDash { height:26px; padding:5px 5px 5px 15px; width:270px; }

#header .loginBox .signIn { float:left; font-size:10px; height:19px; width:120px; line-height:17px;}
#header .loginBox .register { float:right; font-size:10px; height:17px; line-height:17px; width:120px; }

#header .miniDash .goToDash { float:left; font-size:10px;height:17px; width:120px; line-height:17px;}
#header .miniDash .signOut { float:right; font-size:10px; height:19px; width:120px; line-height:17px; }

#header .searchBox { font-size:0; height:26px; padding:5px 5px 5px 15px; width:270px; }
#header .searchBox input[type=text] {
    background:#fff;
    border:1px solid #000; 
    border-right:none;
    border-radius: 4px 0 0 4px;
    height:22px; 
    line-height:22px;
    padding:1px 3px;
    margin:0; 
    vertical-align:top;
    width:237px; 
}
#header .searchBox ::-webkit-input-placeholder { color:rgba(128, 128, 128, 0.5); font-style:italic; }
#header .searchBox ::-moz-placeholder { color:rgba(128, 128, 128, 0.5); font-style:italic; }
#header .searchBox :-moz-placeholder { color:rgba(128, 128, 128, 0.5); font-style:italic; }
#header .searchBox :-ms-input-placeholder { color:rgba(128, 128, 128, 0.5); font-style:italic; }
#header .searchBox input.placeholdersjs { color:rgba(128, 128, 128, 0.5); font-style:italic; }
#header .searchBox input[type=submit] {
    background:#fff url('../img/search.png') no-repeat center center; 
    border:1px solid #000; 
    border-left:none;
    border-radius: 0 4px 4px 0;
    cursor:pointer;
    font-size:0; 
    height:26px; 
    margin:0; 
    vertical-align:top;
    width:26px; 
}
#header .bar { font-size:0; height:3px; }
#header .bar.blue { background:#1101E2; }
#header .bar.green { background:#12f80a; }

.splashContainer {
    height: 580px;
    line-height: 580px;
    padding:10px;
}
.splashGraphic {
    background:rgb(255, 255, 255);
    box-shadow:2px 2px 1px rgba(0, 0, 0, 0.5);
    border:1px solid rgba(0, 0, 0, 0.5);
    border-radius:6px;
    color:rgb(52,52,52);
    display:block;
    height:450px;
    margin:45px auto;
    padding:0;
    vertical-align:top;
    width:800px;
}
.splashGraphic img { border:0; }

.notificationBar  
{
    background:rgb(255,255,255); 
    box-shadow:2px 2px 1px rgba(0, 0, 0, 0.5); 
    border-top:1px solid rgba(0, 0, 0, 0.5); 
    margin-left:221px; 
    padding:5px;
    text-align:center;
    z-index:4;
}

#leftMenu {
    box-shadow:2px 2px 1px rgba(0, 0, 0, 0.5); 
    border:1px solid rgba(0, 0, 0, 0.5);
    border-radius:6px;
    font-size:13pt; 
    float:left; 
    margin:10px 8px;
    margin-bottom:40px; /* Need this to act as a buffer from the footer bar otherwise they will overlap */
    padding:0;
    width:225px; 
    z-index:6;
}
#leftMenu ul.links { 
    margin:0; 
    padding:0; 
    width:100%; 
}
#leftMenu div, #leftMenu ul.links li {
    background-color:#fff;
    color:rgb(46,157,232); 
    line-height:14pt; 
    text-align:left;
    width:100%; 
}
#leftMenu #leftDashboard li:first-of-type { border-radius:6px 6px 0 0; }
#leftMenu #leftDashboard li:last-of-type { border-bottom:1px solid rgba(0, 0, 0, 0.5); border-radius: 0 0 6px 6px; }

#leftMenu #leftCategory { border-radius:6px 6px 0 0; }
#leftMenu div.title span { color:rgb(0, 27, 170); float:left; margin:8px 9px; }
#leftMenu div.title a.show-all { font-size:0.75em; float:right; margin:8px 9px; text-decoration:none; }
#leftMenu div.title a.show-all:visited { color:inherit; }
#leftMenu ul.links li a { background-color:transparent; color:inherit; display:block; font-size:0.85em; padding:8px 9px 8px 20px; text-decoration:none; }
#leftMenu ul.links li a.selected { background-color:rgba(46,157,232,0.7); color:#FFF; }
#leftMenu ul.links li:hover { background-color:rgb(46,157,232); color:#fff; }
#leftMenu ul.links li:hover a.selected { color:#fff; }
#leftMenu ul.links li { transition:color 0.1s, background-color 0.1s; }

#leftMenu #leftLegend { border-top:1px solid rgba(0, 0, 0, 0.5); }
#leftMenu div.legend {height:35px; line-height:35px;}
#leftMenu div.legend img { max-height:30px; margin-left:6px; vertical-align:top; max-width:49px; padding-top:1px;}
#leftMenu div.legend span { color:rgb(0, 27, 170); display:inline-block; font-size:0.73em; margin:3px 5px; vertical-align:top; width:160px; line-height:14px;}
#leftMenu div.legend span span.DescriptionText {font-size:11px; margin:0; padding-left:5px;}

/* -------Question Stuff not sure if we are needing these styles but did them for now --------------*/
#leftMenu #leftQuestions {
    background-color:#fff;
    border-top:1px solid rgba(0, 0, 0, 0.5);
    border-radius: 0 0 6px 6px;
    text-align:center;
    vertical-align:top;
    width:100%;
}
#leftMenu #leftQuestions ul.links li:last-of-type { border-bottom:1px solid rgba(0, 0, 0, 0.5); }
#leftMenu #leftQuestions ul.links, #leftMenu #leftQuestions ul.links li:last-of-type { border-radius: 0 0 6px 6px; }

#leftQuestions ul#feedback { margin:0; }
#leftQuestions ul#feedback li { color:rgb(0, 27, 170); font-size:0.75em; margin:3px 0; text-align:left; }
/* --------- End of question styles -------------------------- */

#rightContent { 
    margin:0 0 15px 232px; 
    padding:0; 
    position:relative;
    z-index:0;
}
#appListings { padding:10px 0 10px 10px; }

.listing-container {
    display:inline-block;
    margin:0 6px 10px 0;
    position:relative;
    vertical-align:top;
}
.listing {
    background:rgb(255, 255, 255);
    box-shadow:2px 2px 1px rgba(0, 0, 0, 0.5);
    border:1px solid rgba(0, 0, 0, 0.5);
    border-radius:6px;
    color:rgb(52,52,52);
    display:inline-block;
    height:175px;
    padding:5px;
    position:relative;
    text-decoration:none; 
    text-shadow:0 0 1px rgba(52,52,52,0.3);
    vertical-align:top;
    width:208px;
}
.listing-container .ribbon { 
    bottom:-7px;
    height:85px;
    pointer-events:none;
    position:absolute;
    right:-7px; 
    width:85px;
}
.provider-intech + .ribbon { background:transparent url('../img/RibbonListIntech.png') no-repeat; }
.provider-cu + .ribbon { background:transparent url('../img/RibbonListCU.png') no-repeat; }
.provider-vendor + .ribbon { background:transparent url('../img/RibbonListVendor.png') no-repeat; }
/*
.listing-container .listing:after {
    bottom:0;
    content:'';
    cursor:pointer;
    display:block;
    left:0;
    position:absolute;
    right:0;
    top:0;
}
.listing-container.provider-intech .listing:after { background:transparent url('../img/ProvidedByIntech_sm.png') no-repeat bottom -1px right -1px; }
.listing-container.provider-cu .listing:after { background:transparent url('../img/ProvidedByCU_sm.png') no-repeat bottom -1px right -1px; }
.listing-container.provider-vendor .listing:after { background:transparent url('../img/ProvidedByVendor_sm.png') no-repeat bottom -1px right -1px; }
*/

.listing h2 {
    font-size:11pt; 
    font-weight: normal;
    height:20px;
    line-height:20px;
    margin:0; 
    overflow:hidden; 
    position:relative;
    white-space:nowrap; 
}
.listing h2:after {
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 85%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(85%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 85%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 85%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 85%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 85%,rgba(255,255,255,1) 100%);
    bottom:0;
    content: '';
    display:block;
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.listing .logo { height:125px; line-height:125px; padding:5px; text-align:center; }
.listing .logo img { border-radius:6px; max-height:125px; vertical-align:middle; max-width:195px; }

.listing .company { font-size:9pt; height:20px; line-height:20px; overflow:hidden; position:relative; white-space:nowrap; width:160px; }
.listing .company:after {
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 90%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(90%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%);
    bottom:0;
    content: '';
    display:block;
    left:0;
    position:absolute;
    right:0;
    top:0;
}

#appDetails {
    background:#efefef;
    border:1px solid rgba(0, 0, 0, 0.5);
    border-bottom:0; border-right:0;
    border-radius:6px 6px 0 0;
    box-shadow:2px 2px 1px rgba(0, 0, 0, 0.5);
    height:135px;
    margin:10px 10px 0 10px; 
    padding:10px;
    z-index:2;
}
#appDetails #appLogo { float:left; font-size:0; height:125px; line-height:125px; width:125px; }
#appDetails #appLogo img { border-radius:6px; max-height:125px; vertical-align:middle; max-width:125px; }
#appDetails #appInfo { margin-left:145px; padding:0; position:relative; }
#appDetails #appInfo h2 { margin-top:0; }
#appDetails #appInfo div { margin:0 0 10px 0; }
#appDetails #appInfo .contactContainer { height:28px; }
#appDetails #appInfo .contact { float:right; width:150px; }
#appDetails #appInfo .disclaimer {float:right; margin-top:-4px; padding-right:40px;}
#appDetails #appInfo .edit {
    background: rgb(232,46,46);
    background: -moz-linear-gradient(top, rgb(232,46,46) 0%, rgb(229,96,96) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(232,46,46)), color-stop(100%,rgb(229,96,96)));
    background: -webkit-linear-gradient(top, rgb(232,46,46) 0%,rgb(229,96,96) 100%);
    background: -o-linear-gradient(top, rgb(232,46,46) 0%,rgb(229,96,96) 100%);
    background: -ms-linear-gradient(top, rgb(232,46,46) 0%,rgb(229,96,96) 100%);
    background: linear-gradient(to bottom, rgb(232,46,46) 0%,rgb(229,96,96) 100%);
    border:1px solid rgb(230,66,66);
    float:right; 
    width:150px; 
}
.details-ribbon {
    height:115px;
    pointer-events:none;
    position:absolute;
    right:0px;
    top:-10px;
    width:115px;
}
.details-ribbon.provider-intech { background:transparent url('../img/RibbonDetailIntech.png') no-repeat top 2px right 0px; background-size:100%; }
.details-ribbon.provider-cu { background:transparent url('../img/RibbonDetailCU.png') no-repeat top 2px right 0px; background-size:100%; }
.details-ribbon.provider-vendor { background:transparent url('../img/RibbonDetailVendor.png') no-repeat top 2px right 0px; background-size:100%; }

#appOverview {
    background:#fdfdfd;
    border:1px solid rgba(0, 0, 0, 0.5);
    border-right:0; border-top:0;
    border-radius:0 0 6px 6px;
    box-shadow:2px 2px 1px rgba(0, 0, 0, 0.5);
    margin:0 10px 25px 10px;
    z-index:1;
}
#appOverview #appScreens {
    border-top:1px solid rgba(0, 0, 0, 0.5);
    font-size:0;
    height:270px;
    width:100%;
}
#appOverview #appScreenContainer { height:250px; overflow:auto; }
#appOverview #appScreenComment { color:rgb(128, 128, 128); font-size:8pt; font-weight:bold; height:20px; line-height:20px; padding:0; text-align:center; }
#appOverview #appScreens { position:relative; }
#appOverview #appScreens:before {
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(25%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
    bottom: 20px; /* So the scrollbar isn't obscured */
    content: '';
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width:15px;
}
#appOverview #appScreens:after {
    background: -moz-linear-gradient(right, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(25%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(right, rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(right, rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(right, rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to left, rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
    bottom: 20px; /* So the scrollbar isn't obscured */
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width:15px;
}
#appOverview #appScreenContainer #noScreens { color:#bbb; font-size:24pt; line-height:200px; padding:25px; text-align:center; }
#appOverview #appScreenContainer a { cursor:pointer; display:inline-block; margin:10px; }
#appOverview #appScreenContainer a.block { display:block; }
#appOverview #appScreenContainer a img { max-height:210px; max-width:400px; vertical-align:top; }
#appOverview #appDesc { border-top:1px solid rgba(0, 0, 0, 0.5); padding:8px; }
#appOverview #appDesc p { margin:0; white-space:pre-wrap; }

.contactProvider { display:none; position:relative; }
.contactProvider table td { min-height:26px; }
.contactProvider .buttons { bottom:0.5em; left:1em; position:absolute; right:1em; }
.contactProvider .cancel { color:#fff; float:left; }
.contactProvider .submit { float:right; width:200px; }

.loginPopup { display:none; overflow:hidden !important; }
.loginPopup p { line-height:20px; position:relative; }
.loginPopup p input {
    left:100px;
    position:absolute;
    right:0;
    top:-2px;
    width:270px;
}
.loginPopup p input[type=submit] {
    width:120px;
}
.no-close .ui-dialog-titlebar-close { display:none; }

.registerPopup { display:none; overflow:hidden !important; padding:0 !important; }
.registerPopup iframe { border:none; height:100%; overflow:hidden; width:100%; }

/* Admin / Users Styles Below */

.FieldLabel { font-size:9pt; padding-top:0.75em; text-align:left; vertical-align:bottom; }
.FieldLabel > span { font-size:8pt; }
tr.labelSpacer td { padding-top:8px; }

#screenshotContainer { border:1px solid black; font-size:0; min-height:250px; }
#screenshotContainer span { display:inline-block; height:100%; vertical-align:middle; }
#screenshotContainer .screenshotPreview {
    background:transparent url('../img/screenshotBG.png') repeat; 
    box-shadow:inset 0 0 2px 2px rgba(0, 0, 0, 0.5); 
    cursor:move; 
    display:inline-block; 
    font-size:0; 
    height:255px; 
    line-height:255px; 
    position:relative; 
    text-align:center; 
    vertical-align:top; 
    width:255px; 
}
#screenshotContainer .screenshotPreview .screenshot { max-height:250px; max-width:250px; vertical-align:middle; }
#screenshotContainer .screenshotPreview .delete { position:absolute; height:20px; right:2px; top:2px; width:20px; z-index:1; }

body#register { min-width:0; }
body#register form { position:relative; }
#RegisterContent { background:#fff; bottom:0; left:0; margin:0; padding:10px 5px; position:absolute; right:0; top:0; }
.FullContent {
	background:rgb(255,255,255); 
	border-radius:6px;
    box-shadow:2px 2px 1px rgba(0, 0, 0, 0.5); 
    border-top:1px solid rgba(0, 0, 0, 0.5);
    margin:10px 10px 25px 10px;
    padding:20px;
    text-align:left;
    z-index:4;
    min-height:400px;
}
/* Admin Styles Below */

#leftCategories li.sep { border-bottom:1px solid rgba(0,0,0,0.3); }


#AdminHomeLinks {
	font-size:14pt;	
	text-align:left;
	
}
#AdminHomeLinks > tbody > tr > td { width:300px; }
#AdminHomeLinks > tbody > tr > td:last-child { padding-left:150px;}

.WSGrid {
	border:1px solid #5E7FA1;
	width:97%;
	font-size:8pt;
}
.WSGrid TD {
    padding-top:3px;
	padding-bottom:3px;	
	padding-left:3px;	
	padding-right:3px;
}
.WSGrid .AlternatingRow TD {
	border:1px solid #5E7FA1;
	background-color:#EAEDEF;
}
.WSGrid .AlternatingRow TD a {
	color:rgb(0,51,204);
	font-weight:bold;
}
.WSGrid .AlternatingRow TD a:hover{ color:#0b7593; }
.WSGrid .Row TD {
	border:1px solid #5E7FA1;
	background-color:#F4F5F6;
}
.WSGrid .Row TD a {
	color:rgb(0,51,204);
	font-weight:bold;
}
.WSGrid .Row TD a:hover { color:#0b7593; }
.WSGrid .HeaderRow {
	background-color:#5E7FA1;
	text-align:center;
	color:#FFFFFF;
}
.WSGrid .HeaderRow A {
	color:white;
	text-decoration:none;
}
.WSGrid .HeaderRow TH { border:1px solid #5E7FA1; }
.WSGrid .DisabledRow TD {
	border:1px solid #5E7FA1;
	background-color:#888;
}

/* --------------- Question Stuff -------------- */
.QuestionBackground 
{
	background-color:#efefef;
	border:1px solid rgba(0,0,0,0.5);
	border-bottom:none;
	border-right:none;
	border-radius:6px;
	box-shadow:2px 2px 1px rgba(0,0,0,0.5);
	padding:10px;
	z-index:2;
	margin:10px 10px 25px 242px;
}

.QuestionContent 
{
	background-color:White;
	border-radius:6px;
	display:inline-block;
	min-height:50px;
	width:100%;
	border:1px solid rgba(0,0,0,0.5);	
	box-shadow:2px 2px 1px rgba(0,0,0,0.5);
	margin-bottom:10px;
}
.QuestionInner{padding:10px;}

.QuestionText
{
	font-size:13pt;
	font-weight:bold;	
}