body
{
  font-family:       Arial, Helvetica, sans-serif;
  font-size:         12px;
  background-color:  #7490ac;
  color:             #000000;
  padding:           0;
  margin:            0;
  position:          relative;
}

a 
{
 outline:            none;
 text-decoration:    none;
 color:              #0000cc; 
}

/*h1*/
h4
{
  margin:            0 0 10px 0;
  padding:           0;
  font-size:         14px;
  font-weight:       bold;
}

/*h2*/
h5
{
  margin:            0 20px 0 0;
  padding:           0;
  font-size:         12px;
  font-weight:       normal;
  color:             #000000;
}

img
{
  border:            none;
}

#header
{
  background:        transparent url(/images/idioms_header.jpg) no-repeat scroll center bottom;
  width:             1000px;
  height:            65px;
  margin:            0 auto;
  text-align:        center;
}

#body
{
  padding:           0 20px 0 20px;
}

/************************ outer shaded container ***************************/
#container_top
{
  background:        transparent url(/images/container_top.png) no-repeat scroll center top;
  width:             1031px;
  height:            25px;
  margin:            0 auto;
  padding:           0;
  text-align:        center;
}

#container_body
{
  background:        transparent url(/images/container_mid.png) repeat-y scroll center top;
  width:             1031px;
  margin:            0 auto;
  padding:           0;
} 

#container_bottom
{
  background:        transparent url(/images/container_bottom.png) no-repeat scroll center top;
  width:             1031px;
  height:            25px;
  margin:            0 auto;
  text-align:        center;
}

#logo
{
  background:        transparent url(/images/logo.png) no-repeat scroll top left;
  height:            60px;
  width:             307px;
  position:          relative;
  z-index:           2;
  top:               10px;
  left:              15px;
  cursor:            pointer;
}

#login
{
  position:          relative;
  z-index:           2;
  top:               0;
  left:              640px;
}

/************************** navigation **************************/
#navigation
{
  background:        transparent url(/images/nav_gradient.jpg) repeat-x scroll top left;
  height:            25px;
  width:             999px;
  margin:            0 0 0 -3px;
}

#mission
{
  width:             700px;
  margin:            0 0 2px 0;
  padding:           0 0 0 80px;
  color:             #636363;
  font-size:         11px;
  font-style:        italic;
  font-weight:       bold;
  overflow:          hidden;
}

#mission p
{
  display:inline;
}

.navigation
{
  float:             right;
} 

.navigation_text
{
  background:        transparent url(/images/nav_spacer.jpg) no-repeat scroll 0 1px;
  height:            23px;
  float:             left;
  font-family:       Geneva, Arial, Helvetica, sans-serif;
  font-size:         14px;
  font-weight:       bold;
  padding:           5px 22px 0 22px;
}

.navigation_text a:link { color: #636363; text-decoration: none; }
.navigation_text a:visited { color: #636363; }
.navigation_text a:hover { color: #c8c8c8; }
.navigation_text a:active { color: #636363; }

/************************** all container - content container that spans the whole width **************************/
.all_container_top
{
  background:        transparent url(/images/all_container_top.jpg) no-repeat scroll top left;
  height:            10px;
  width:             960px;
}

.all_container_border
{
  border-left:       #e5e5e5 1px solid;
  border-right:      #e5e5e5 1px solid;
}

.all_container_bottom
{
  background:        transparent url(/images/all_container_bottom.jpg) no-repeat scroll top left;
  height:            10px;
  width:             960px;
}

/************************** large container - content container 2/3 width **************************/
.large_container_top
{
  background:        transparent url(/images/large_container_top.jpg) no-repeat scroll top left;
  height:            10px;
  width:             610px;
}

.large_container_border
{
  border-left:       #e5e5e5 1px solid;
  border-right:      #e5e5e5 1px solid;
}

.large_container_bottom
{
  background:        transparent url(/images/large_container_bottom.jpg) no-repeat scroll top left;
  height:            10px;
  width:             610px;
}

/************************** small container - content container 1/3 width **************************/
.small_container_top
{
  background:        transparent url(/images/small_container_top.jpg) no-repeat scroll top left;
  height:            10px;
  width:             320px;
}

.small_container_border
{
  border-left:       #e5e5e5 1px solid;
  border-right:      #e5e5e5 1px solid;
}

.small_container_bottom
{
  background:        transparent url(/images/small_container_bottom.jpg) no-repeat scroll top left;
  height:            10px;
  width:             320px;
} 

/************************** help **************************/
.help_icon
{
  background:        transparent url(/images/help_icon.png) no-repeat scroll 0 3px;
  height:            27px;
  width:             27px;
  cursor:            pointer;
  margin:            0 0 0 935px;
}

.help_members
{
  background:        transparent url(/images/help_icon.png) no-repeat scroll 0 3px;
  height:            27px;
  width:             27px;
  cursor:            pointer;
  margin:            0 0 0 295px;
}

#search_help,
#myiq_help
{
  width:             960px;
}

#help
{
  position:          absolute;
  top:               20%;
  left:              40%;
  z-index:           3;
  display:           none;
  width:             320px;
  color:             #000000;
}

#help a:link { color: #0000cc; text-decoration: none; }
#help a:visited { color: #0000cc; }
#help a:hover { color: #0000cc; font-weight: bold; }
#help a:active { color: #0000cc; }

#help_content a
{
  color:              #0000cc;
  font-size:          12px;
  font-style:         italic;
  font-weight:        bold;
}

#help_content p
{
  padding:           10px 20px 0 20px;
  margin:            0;
}

#help_close
{
  position:          relative;
  top:               10px;
  left:              300px;
  height:            20px;
  width:             20px;
  cursor:            pointer;
}

#help_title
{
  background:        transparent url(/images/help.png) no-repeat scroll top center;
  height:            35px;
  width:             337px;
}

#help_container_bottom
{
  background:        transparent url(/images/shadow_container_bottom.png) no-repeat scroll top center;
  height:            21px;
  width:             337px;
}

#help_container_middle
{
  background:        transparent url(/images/shadow_container_middle.png) repeat-y scroll top center;
  width:             337px;
}

/************************** footer **************************/
#footer
{
  font-size:         10px;
  color:             #ffffff;
  width:             1000px;
  margin:            0 auto;
  padding:           0 0 10px 0;
  text-align:        center;
  height:            50px;
}

#footer_right
{
  float:             right;
} 

#footer_left
{ 
  float:             left;
}

#footer_center
{
  float:             left;
  width:             50px;
  margin-left:       180px;
} 

#footer a:link { color: #ffffff; text-decoration: none; }
#footer a:visited { color: #ffffff; }
#footer a:hover { color: #c8c8c8; }
#footer a:active { color: #ffffff; }

#footer_bg
{
  background:        transparent url(/images/idioms_header.jpg) no-repeat scroll center bottom;
  width:             1000px;
  height:            65px;
  margin:            0 auto;
  text-align:        center;
}

.submitIq {
  border:                   none;
  background-color:         transparent;
  padding:                  0 0 0 0;
  margin:                   0 0 0 0;
  display:                  inline;
  cursor:                   pointer;
  font-family:              Arial, Helvetica, sans-serif;
  font-size:                12px;
  color:                    #0000cc; 
  text-align:               left;
  width:                    auto;
  overflow:                 visible;
}

.spacer_50
{
  height:            50px;
}

.spacer_10
{
  height:            10px;
}

#ieProgressBarBug {
	display: none;
}

#ieHelp {
	text-align:               center;
	font-size:                11px;
    color:                    #0000cc; 
}

#ieHelp a:link { color: #0000cc;  text-decoration: none; }
#ieHelp a:visited { color: #0000cc; }
#ieHelp a:hover { color: #c8c8c8; }
#ieHelp a:active { color: #0000cc; }

.twit_img_mngr {
	float: left;
    padding: 1px;
	margin:  0 1px 1px 0;
	width:  75px;
	height: 75px;
	overflow: hidden;
	font-size:8px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ccc;
}

.twit_img img {
	display: inline;
	width:   48px;
	height:  48px;
	overflow: hidden;
	font-size:8px;
	text-align: center;
	vertical-align: middle;
}

#twit_spacer {
	clear: both;
}

