/* -------------------------------------------------------------- 

colours used:

   blue     2841a6
   yellow   fbdb2c

-------------------------------------------------------------- */

body {
  color:#404040;
  background: url("../graphics/bg-dotted-grey.png") repeat scroll 0 0 #ffffff;
}
a {
  color:#0000ff;
  text-decoration:none;
  border-bottom: 1px solid #ff0000;
}
a:hover {
  color:#ff0000;
  text-decoration:none;
  border-bottom: 1px solid #0000ff;
}
h1 {
  color:#404040;
}
h2 {
  color:#2841a6;
}


/* ------------------------------------------------------------------------ */

.loginspacer {
  text-align: center; 
  color:#f0f0f0;
  height: 38px;
  background-color: #2841a6;
}
#loginhelp {
  color: #f0f0f0;
  float: left;
	display:block;
	position: relative;
	top: 10px;
	left: 320px;
	z-index: 1;
  font-size:14px;
  font-weight:bold;
}

/* ------------------------------------------------------------------------ */
.nounderline a {
  text-decoration:none;
  border-bottom: 1px solid transparent;
}
.nounderline a:hover {
  text-decoration:none;
  border-bottom: 1px solid transparent;
}
.arrow3 {
  color:#fbdb2c;
}
.rightjust {
  float: right;
}
.centered {
  text-align: center; 
}
.linethru {
  text-decoration:line-through;
}
.icon-left {
  float: left;
  margin-top:0px;
  margin-bottom: 1.5em;
  margin-left: 1.5em;
  margin-right: 1.5em;
}
.icon-right {
  float: right;
  margin-top:0px;
  margin-bottom: 1.5em;
  margin-left: 1.5em;
  margin-right: 1.5em;
}

/* ------------------------------------------------------------------------ */
.header {
  background:url("../graphics/bg-header.png") repeat-x scroll 50% 50% #cccccc;
  width:954px;
  height:80px;
  padding:0px;
  margin-top: 5px;
  margin-bottom: 0;
  margin-left:auto;
  margin-right:auto;
  padding-top:0px;
  padding-bottom:0px;
  padding-right:10px;
  padding-left:10px;
}
.headerborder {
  background-color:#fbdb2c;
  width:960px;
  margin-top: 5px;
  margin-bottom: 0;
  margin-left:auto;
  margin-right:auto;
  padding-top:2px;
  padding-bottom:2px;
  padding-right:2px;
  padding-left:2px;
}
.headercontent {
  background:url("../graphics/bg-header.png") repeat-x scroll 50% 50% #cccccc;
  width:954px;
  height:80px;
  padding-top:0px;
  padding-bottom:0px;
  padding-right:3px;
  padding-left:3px;
}
.header #logo {
  margin-top:10px;
  margin-left:10px;
}

/* ------------------------------------------------------------------------ */
.footer {
  background:url("../graphics/bg-footer.png") repeat-x scroll 50% 50% #2841a6;
  color:#f0f0f0;
  width:954px;
  margin-top:0;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
}
.footerborder {
  background-color:#fbdb2c;
  width:960px;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left:auto;
  margin-right:auto;
  padding-top:2px;
  padding-bottom:2px;
  padding-right:2px;
  padding-left:2px;
}
.footercontent {
  background:url("../graphics/bg-footer.png") repeat-x scroll 50% 50% #2841a6;
  color:#f0f0f0;
  width:954px;
  height:20px;
  padding-top:10px;
  padding-bottom:10px;
  padding-right:3px;
  padding-left:3px;
}
.footercontent a {
  color:#f0f0f0;
  text-decoration:none;
  border-bottom: 1px solid transparent;
}
.footercontent a:hover {
  color:#ffffff;
  text-decoration:none;
  border-bottom: 1px solid transparent;
}

.footer a {
  color:#f0f0f0;
  text-decoration:none;
  border-bottom: 1px solid transparent;
}
.footer a:hover {
  color:#ffffff;
  text-decoration:none;
  border-bottom: 1px solid transparent;
}

/* ------------------------------------------------------------------------ */
.bodier {
  border-left: 2px solid #fbdb2c;
  border-right: 2px solid #fbdb2c;
  background-color: #ffffff;
}

/* ------------------------------------------------------------------------ */
.contact-header {
  float: right;
  color:#2841a6;
}
.contact-details {
  padding-left:10px;
  padding-right:10px;
  font-size:14px;
}

/* ------------------------------------------------------------------------ */
.formbg {
  background-color:#f0f0f0;
}
.formfld {
  margin-top:0px;
}

/* ------------------------------------------------------------------------ */
.msglnglogin {
	width:250px;
}
.msglngnewcall {
	width:430px;
}
.errormsg {
  color:#dd4814;
  font-weight:bold;
  background-color:#fff8f8; 
  border: 1px solid #dd4814; 
}
.successmsg {
  color:#ffffff;
  font-weight:bold;
  background-color:#2841a6;
  border: 1px solid #2841a6; 
}
.nomsg {
  border: 1px solid transparent; 
  border: 1px solid transparent; 
}

/* ------------------------------------------------------------------------ */
#username {
	width:150px;
  margin-top:0px;
  padding-left: 5px;
  padding-right: 5px;
}
#password {
	width:150px;
  margin-top:0px;
  padding-left: 5px;
  padding-right: 5px;
}
.buttonLogin { 
    margin-top:0px;
    margin-bottom:14px;
}

/* ------------------------------------------------------------------------ */
.calls-options {
  font-weight:bold;
  font-size:12px;
}
.calls-heading {
  color:#2841a6;
  font-weight:bold;
}
.calls-line-bg {
  background-color:#fafafa;   
}
.calls-fieldset {
  padding-top:0em;
  padding-bottom:1.4em;
  border: 2px solid #fbdb2c; 
}
.calllog {
  color: #666666;
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5;
}

/* ------------------------------------------------------------------------ */
#newCallTitle {
	width:420px;
  margin-top:0px;
  padding-left: 5px;
  padding-right: 5px;
}
#newCallDescr {
  width:420px;
  height:96px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
}
#buttonCallCreate { 
    margin-top:15px;
    margin-bottom:14px;
}
/* ------------------------------------------------------------------------ */
fieldset {
  padding:1.4em;
  margin: 0 0 1.5em 0;
  border: 2px solid #fbdb2c; 
}
.formlabel {
  padding-bottom:0px;
  margin-bottom:0px;
}
legend {
  color: #2841a6;
}
div.border {
  border-right: 1px solid #fbdb2c;
}
input[type=text], input[type=password], input.text, input.title, textarea, select { 
  border:1px solid #cccccc; 
  background-color:#ffffff; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:110%;
}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { 
  border-color:#fbdb2c; 
}

/* ------------------------------------------------------------------------ */
.gms-module-b {
  color:#ffffff;
  font-size:12px;
  text-align: center; 
  padding-top:10px;
  padding-bottom:10px;
  background: url("/graphics/bg-modblue.png") repeat-x scroll 50% 50% #3150cc;
}
.gms-module-y {
  color:#ffffff;
  font-size:12px;
  text-align: center; 
  padding-top:10px;
  padding-bottom:10px;
  background: url("/graphics/bg-modyell.png") repeat-x scroll 50% 50% #fbd714;
}
.gms-spacer {
  font-size:12px;
  text-align: center; 
  padding-top:10px;
  padding-bottom:10px;
}
.gms-diagram {
  background: url("/graphics/gms-diagram.png") no-repeat scroll #ffffff;
}
.gms-instructions {
  text-align: center;
  font-style: italic; 
}

/* ------------------------------------------------------------------------ */
.sliderbox {
  height:220px;
}
.slider-bg-yellow {
  background-color:#fbd714;
  height:220px;
}
.slider-bg-blue {
  background-color:#2841a6;
  height:220px;
}

/* ------------------------------------------------------------------------ */
.iboxfirst {
  margin-left:10px;
}
.iboxlast {
  margin-right:10px;
}
.ibox {
  margin-bottom:10px;
  padding:10px;
}
.iboxblue {
  background-color:#3150cc;
  color:#ffffff;
}
.iboxyellow {
  background-color:#fbd714;
  color:#404040;
}





.txtitalic {
  font-style:italic;
}
.padding10 {
  padding:10px;
}
.txtblue {
  color:#2841a6;
}
.txtgrey {
  color:#a0a0a0;
}
.txtblack {
  color:#404040;
}
.txtwhite {
  color:#ffffff;
}
.marginbot10 {
  margin-bottom:10px;
}


/* ------------------------------------------------------------------------ */

#showusername {
  color: #f0f0f0;
  float: left;
	display:block;
	position: relative;
	top: 10px;
	left: 18px;
	z-index: 777;
  font-weight:bold;
}
.secmenubg {
  background-color:#2841a6;
}


#gslogobox {
	position:relative;
	display:block;
}
img.gslogo {
	position: absolute;
	top: 1px;
	left: 10px;
	z-index: 1;
}
img.gslogo1 {
	position: absolute;
	top: 3px;
	left: 30px;
	z-index: 1;
}

/* ------------------------------------------------------------------------ */