* { font-family: Arial, sans-serif; font-size: 14px; color: #444 }
* { margin: 0; padding: 0; }
body { background-color: #FFF; height: 100%; padding: 0 }
table { border-collapse: collapse }
ul { list-style-type: none }
td, th {font-weight: normal; text-align: left}
img { border: 0 }
a { outline: none; color: #666 }
a:visited { color: #666 }
a:hover { color: #1E8ECE }

div.logo { padding: 40px 80px 40px 80px; border-bottom: 1px solid #DDD }

div.content { padding: 60px 100px 120px 165px; border-bottom: 1px solid #DDD  }
div.content h1 { font-size: 28px; padding-bottom: 20px; font-weight: 100 }
div.content h2 { font-size: 16px; padding-bottom: 20px; font-weight: 700 }
div.content h2.subtitle { margin-top: -20px; color: #55AFE0; font-weight: 100 }
div.content p { width: 700px; font-size: 15px; padding-bottom: 20px; line-height: 150% }
div.content ul { padding-bottom: 20px }
div.content ul li { display: block; padding: 2px 0 2px 0; }
div.content ul li a { color: #6790CD; padding: 2px }
div.content form { margin: 20px 0 0 0 }
div.content form input { background-color: transparent; border: 1px solid #A2A2A2; border-radius: 3px; padding: 5px 5px; }
div.content input:focus { border-color: #5C5C5C; }
div.content input:hover { border-color: #5C5C5C; }
div.content form input#login { width: 170px; }
div.content form input#password { width: 170px; }
div.content form button { background-color: transparent; border: 2px solid #5C5C5C; border-radius: 3px; padding: 4px 8px 4px 8px; color: #4E4E4E; cursor: pointer; }
div.content form button:hover { background-color: #5C5C5C; color: #FFF }
div.content form table td { padding: 4px 6px 4px 0 }
div.content form table td:first-child { padding-right: 20px; }
div.content form div#loader { padding: 5px 20px 5px 20px; background-position: 0px 5px; background-repeat: no-repeat; background-image: url("/JsApi/8/Images/Platform/ajax_loader1.gif"); display: none }
div.content form div#message { color: #55AFE0; display: none }

div.footer { padding: 10px 100px 25px 165px; }

/* App List */
/*div.content {overflow: hidden}*/
div.links { overflow: visible; margin-bottom: 15px }
div.content div.links a { display: block; overflow: hidden; width: 100%; min-width: 360px; max-width: 440px; margin: 0 15px 15px 0; padding: 15px 15px 15px 5px; background-color: #fdfdfd; text-decoration: none; }
div.content div.links a:hover { background-color: #f5f5f5 }
div.content div.links a img { display: block; float: left;  margin-right: 15px; width: 140px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) }
div.content div.links a h3 { color: #6790CD; margin-bottom: 10px }
div.content div.links a span {}

@media screen and (min-width: 1000px) {
    div.content {overflow: hidden}
    div.content div.links {overflow: hidden}
    div.content div.links a { overflow: hidden; float: left; width: 42%; min-width: 310px; max-width: 440px; }
}