/* =================BODY================= */
body {
  text-align : center;
  background-color : #161747;
  font-family : Arial, Helvetica, sans-serif;
  margin : 10px;
  padding : 0px;
  font-size : 1em;
  background-image: url(/images/back_gradient.jpg);
  background-repeat : repeat-x;
}

body.print {
  background-color : #fff;
  background-image: none;
  text-align : left;
}

#container {
  text-align : left;
  width : 1200px;
  max-width : 100%;
  background-color : #fff;
  margin : 0px auto;
  border : 8px solid #0f0;
}

/* =================HEADER================= */
#header {
  display : block;
  height : 150px;
  background-color : #006;
  background-image : url(/images/globalquick_top_banner.png);
  background-repeat: repeat-x;
  text-align : center;
}
#header img {
  margin-top:10px;
  vertical-align : middle;
}

#pheader {
  text-align : right;
  border-bottom : 4px solid #036;
  color : #036;
  font-size : 1.5em;
  margin : 0px 0px;
}

#return {
  position : absolute;
  top : 0px;
}




/* =================MENU================= */

.menutitle {
  margin : 0px;
  font-weight : bold;
  color : #00f;
  font-size : 1.5em;
  text-align : center;
}

#topbar {
  background-color : #292876;
  text-align : center;
  padding : 0px;
  color : #fff;
}

#topbar a {
  color : #fff;
  text-decoration : none;
  font-weight : bold;
  padding : 2px 5px;
}

#topbar a:hover {
  color : #000;
}

#menu {
  float : right;
  width : 15em;
  padding : 0px;
  margin : 2em 1em 1em 1em;
}

#menuitems {
  background-color : #292876;
}


#menu a {
  text-decoration : none;
  display : block;
  background-color : #cf9;
  color : #000;
  margin : 0.25em 0;
  padding : 0.5em 1em;
  text-align : left;
}


#menu #applynow, .applynow {  
  margin : 0px;
  padding : 0 0 15px 0;
}

#menu #applynow a,  .applynow a {
  font-size: 1.2em;
  text-align : center;
  font-weight : bold;
  color : #f00;
  background-color: #cf9;
  border : 1px solid #888;
  display : block;
  text-decoration : none;
}

.applynow {
  padding : 0.5em 1em;
}

#menu #applynow a:hover,  .applynow a:hover {  
  background-color: #0f0;
}


#menu a:active {
  border-color : #345 #cde #def #678;
}

#menu a:hover {
  background-color : #0f0;
  color : #000;
}

#menu #pageselected {
  background-color : #0f0;
}

#pageselected > a:first-child {
  color : #fff;
}

#clickmenu {
  background-color : #ccc;
  display : none;
  color : #008;
  font-size : 1.2em;
  padding : 0.5em 1em;
  margin : 0px;
  text-align : left;
  font-weight : bold;
  width : 100%;
  cursor: pointer
}

#clickmenu span {
  padding : 0px 10px;
  background: linear-gradient(
    to bottom, 
    #008, #008 20%, 
    transparent 20%, transparent 40%, 
    #008 40%, #008 60%, 
    transparent 60%, transparent 80%, 
    #008 80%, #008 100%
  );
  border-right : 4px solid #ccc;
}

/* =================CONTENT================= */
#content {  
  padding: 2em;
  background-color : #C3DBF3;
  background-image : url(/images/back_gradient2.jpg);
  background-repeat: repeat-x;
  xxwidth : calc(100%-16em);
}

#welcome {
  max-width: 60%;
}

#pcontent {
  padding : 2em;
}

#apply {
  padding : 1em;
}

@media screen and (max-width: 800px) {
  #menu { float : none;  width: 82vw}
  #content {
    margin-left: 0;
  }
  #clickmenu {
    display : block;
  }
  #slidemenu {
    display : none;
  }
}

/* =================BUTTONS================= */
a.stdbutton, a.stdbuttoni {
  font-size : 80%;
  text-decoration : none;
  border : 1px solid #888;
  background-color : #ccf;
  color : #000;
  margin : 0.25em 0em;
  padding : 0.25em;
  text-align : center;
}


a.stdbuttoni {
  display : block;
}

a.stdbuttoni {
  display : inline;
}

a.stdbutton:active, a.stdbuttoni:active {
  border-color : #345 #cde #def #678;
}

a.stdbutton:hover, a.stdbuttoni:hover {
  background-color : #0f0;
  color : #000;
}


.privacy {
  background-color : #cf7;
  font-weight : bold;
  color : #00f;
}


#affiliate_home_link {
  display: block;
  background-color : #cf9;
  color : #f00;
  width : 200px;
  text-decoration : none;
  padding : 4px;
  font-weight : bold;
  border : 1px solid #888;
  text-align : center;
  position : relative;
  top : -20px;
  left : 365px;
}

#affiliate_home_link:hover {
  background-color : #0f0;
  color : #f00;
}



/* =================FOOTER================= */
#footer {
  clear : both;
  background-color : #161747;;
  border-top : 1px solid #eee;
}

#footertext {
  padding : 5px;
  text-align : center;
  color : #fff;
  font-size : 0.7em;
  line-height : 1.5em;
}

#printfooter {
  clear : both;
  text-align : center;
  padding : 0.25em;
  font-size : 0.7em;
  border-top : 4px solid #036;
  margin-top : 2em;
}

#footerhead {
  background-image: url(/images/bottom_clouds.jpg);
  background-size : cover;
  padding : 1em;
}

#footerhead1, #footerhead2, #footerhead3, #footerhead4 {
  display : inline-grid;
  width : 24%;
  vertical-align : middle;
  min-width : 200px;
}
#footerhead2 {
  text-align : center;
  color : #080;
  font-weight : bold;
  font-size : 1.5em;  
}
#footerhead4 div {
  width : 200px;
  margin : 0 auto;
}

/* =================MESSAGES================= */

#error {
  background-color : #f66;
  padding : 1em;
  border : 2px solid #f00;
  text-align : center;
  margin : 1em;
  font-weight : bold;
}

#message {
  background-color : #fff;
  padding : 1em;
  border : 2px solid #036;
  text-align : center;
  margin : 1em;
  font-weight : bold;
  color : #036;

}

#flash {
  position : absolute;
  top : 100px;
  left : 50%;
  margin-left : -250px;
  width : 500px;
  background-color : #ff7;
  border : 2px solid #888;
  color : #000;
  padding : 10px;
  text-align : center;
  z-index : 10000;
}


/* =================FORM ELEMENTS================= */
.formitem {
  background-color : #eee;
  border : 1px solid #000;
}

.formitemerror {
  background-color : #ff7;
  border : 1px solid #000;
}

span.formrequired {
  color : #f00;
  font-weight : bold;
  padding-right : 2px;
}

.formtitlebreak{
  line-height:1px;
  clear : both;
}

div.formtitle {


  float : left;
  text-align : right;
  font-weight : bold;
  width : 200px;
  padding : 5px 0px;
  font-size : 0.8em;
}


div.forminfo {
  margin-left : 210px;
  padding : 5px 0px;
}

input.formsubmit {
  color : #000;
  cursor : pointer;
  font-size : 1em;
}

div.error {
  margin : 10px auto;
  border : 2px solid #f00;
  background-color : #f88;
  padding : 0.5em;
  width : 300px;
  text-align : center;
}


/* ==================== APPLICATIONS ====================  */
.application_table {
  background-color : #ddd;
  padding : 1em;
  border : 1px solid #888;
  margin : 0px auto;
}

.application_table td {
  border: 1px solid #888;
  padding : 1em;
  background-color : #efc;
}


.application_table hr {
  border : 0px;
  height : 2px;
  background-color : #f00;
  margin : 20px 0px 15px 210px;
  width : 300px;
}

.application_table h1, .application_table h2, .application_table h3, .application_table h4 {
  clear : both;
}

/* =================GENERAL ELEMENTS================= */
a {
  color : #00f;
}

a:hover {
  color : #000;
  background-color : #0f0;
}

h1 {
  color : #00f;
  font-size : 1.6em;
}

h2 {
  color : #00f;
  font-size : 1.3em;
}

h3 {
  color : #080;
  font-size : 1.1em;
}



/* =================IMAGES================= */
img {max-width : 100%;}

img.left {
  float : left;
  margin-right : 1em;
  vertical-align : text-top;
}

img.right {
  float : right;
  margin-left : 1em;
  vertical-align : text-top;
}

a.imagelink {
  padding : 3px;
  display : block;
}

a.imagelink:hover {
  color : #ccc
}

/* =================MISC ITEMS================= */

.center {
  text-align : center;
}

.red {
  color : red;
}

ul li {
  list-style-image: url(/images/green_button.gif)
} 

#privacy_policy {
  padding : 1px 10px 10px 10px;
  background-color : #eef;
}



#footertext a {
  color : #fff;
  text-decoration : none;
}

#footertext a:hover {
  color : #000;
}


a.printversion {
  width : 80px;
  height : 20px;
  background : url(/images/printversion.gif) no-repeat;
  display : block;
  border : 2px solid transparent;
  margin-left:50px;
  margin-top : 20px;
  float:left;
}

a.printversion:hover {
  background-color : #888;
}

.globalquickcapital {
  color : #00f;
  font-weight : bold;
  font-style : italic;
}

.globalquickcapital span {
  font-size : 0.8em;
}

#banner {
  position : relative;
  top : 20px;
}

/* =================Affiliate================= */
#affiliate_title {
  text-align : center;
  margin-top: -1em;
  font-size : 2em;
  font-style : italic;
}

#affiliate_menu {
  text-align : center;
  font-size : 1em;
}

#affiliate_menu a {
  display : inline;
  background-color : #cf9;
  color : #000;
  text-decoration : none;
  padding : 3px 5px;
  font-weight : normal;
  border-bottom: 2px solid #00f;
}

#affiliate_menu .affiliate_button_highlight {
 color : #f00;
}

#affiliate_menu #pageselected {
  background-color : #0f0;
}

#affiliate_menu a:hover {
  background-color : #0f0;
}

#affiliate_welcome_name {
  font-size : 1.4em;
  font-weight : bold;
}
#affiliate_welcome_name span {
  font-color : #f00;
}

/* =================LOGIN================= */
#loginheading {
  color : #036;
  font-weight : bold;
  font-size : 1.5em;
}

#login table {
  background-color : #cdf
}

#login th {
  background-color : #cdf;
  text-align : right;
  font-size : 1em;
  font-weight : bold;
}

#login input {
  font-size : 1.4em;
  margin : 2px;
}

#login td {
  background-color : #cdf;
  padding : 1px 3px;
}

#login {
  margin : 2em auto;
  padding : 1em;
  background-color : #cdf;
  border : 2px solid #888;
  border-color : #ddd #666 #333 #ccc;
  width : 30em;
  text-align : center;
  font-size : 1.6em;
}

.VIEW_RECORD_TABLE {
  background-color : #888;
}

.VIEW_RECORD_TABLE td {
  background-color : #eee;
  padding : 2px 4px;
}

.VIEW_RECORD_TABLE th {
  background-color : #ccc;
  padding : 2px 4px;
}