/* 
    Document   : main
    Created on : 11/06/2009, 10:52:07 AM
    Author     : cdobbs
    Description:
    Main stylesheet with default layout and styles
*/

body                                    {font-size:11px;font-family:Arial,sans-serif;color:#666;height:100%;margin:10px 0px 0px 0px}
textarea,
input,
select                                  {font-size:11px;font-family:Arial,sans-serif;color:#666;}
/****************** LINKS ****************************/
a                                       {text-decoration:none;color:#666}
a:hover                                 {color:#666;text-decoration:underline;}

/****************** HEADERS **************************/
h1                                      {font-size:17px;color:#3c72b7;border-bottom:2px dotted #999999;padding-bottom:12px;margin-bottom:15px}

h2                                      {margin:0px;padding:0px}
h3                                      {font-size:11px;margin:0px;padding:0px}
h4                                      {font-size:11px;margin:0px;padding:0px}

/****************** MAIN TEMPLATE ********************/
#siteContainer                          {width:1025px;margin:0 auto;padding-bottom:40px;position:relative;}
#contentContainer                       {margin:10px 0px;width:950px}

#center                                 {margin-left:42px;}

#header                                 {position:relative}
#header .userDetails                    {position:absolute;right:40px;top:10px;width:187px;height:100px}
#header .userDetailsInfo                {position:relative;height:100px}
#header .welcome                        {font-size:15px;font-weight:bold}
#header .name                           {font-size:18px;font-weight:bold;text-align:center;margin-top:5px}
#header .logout                         {position:absolute;left:-2px;bottom:0px}
#header .logo                           {float:left}
#header .logo img                       {border-width:0px}
#header .banner                         {float:right}

#footer                                 {text-align:center;padding:8px 0px 0px 10px;height:24px;background-color:#E1E1E1;width:1025px;position:absolute;}

#topNav                                 {margin-top:10px;background-image:url('/images/bg-menu.gif');height:29px;width:950px;}
#topNav ul                              {padding:0px;margin:0px}
#topNav li                              {list-style:none;float:left;}
#topNav li a                            {width:98px;text-align:center;line-height:29px;display:block;padding:0px;font-size:12px;font-weight:bold;color:#e1e1e1;text-decoration:none}
#topNav li a:hover,
#topNav li a.selected                   {color:#FFF}
#topNav li a.selected                   {width:96px;background:url('/images/bg/nav-on.gif') no-repeat;border-width:0px 2px;border-style:solid;border-color:#d9d9d9;position:relative;}
#topNav li.first a.selected span        {background:url('/images/bg/nav-home-on.gif') no-repeat 0 0;display:block;width:98px;height:29px;}
#topNav li.first a.selected             {border-width:0px 2px 0px 0px;width:98px}
#topNav .left                           {float:left}
#topNav .right                          {float:right}

#sideNav                                {float:left;width:143px;border:1px solid #723983}
#sideNav ul                             {padding:0px;margin:0px}
#sideNav li                             {list-style:none}
#sideNav li a                           {padding:5px;width:133px}

/************************** FORMS *********************************/
.label                                  {float:left;width:100px;margin-top:3px}
.input                                  {float:left;margin-top:3px}
.buttons                                {margin:10px 0px 0px 100px}
.field                                  {margin-top:3px}

input[type=text],
input[type=password]                    {width:160px}
select                                  {width:164px}
input.required,
select.required,
textarea.required                       {}

input.normal                            {background:url('/images/bg/input-normal.gif') no-repeat;width:113px;height:16px;border:0px;padding:4px 3px}
input.number                            {border:0;background:url('/images/bg/input-number.gif') no-repeat 0 0;width:47px;height:17px;text-align:center;padding:4px 3px}

input.error,
input.validation-failed,
select.validation-failed,
textarea.validation-failed             {border:2px solid #b11111;background-color:#f1bbbb;color:#000}

input.validation-passed,
select.validation-passed,
textarea.validation-passed              {border:2px solid #0F0;}

input.disabled                          {color:#AAA}

.errorMessage                           {border:1px solid #b11111;padding:10px;background-color:#f1bbbb;font-size:10px;margin-bottom:10px}
.validation-advice                      {color:#b11111;max-width:250px}

/******************** POPUPS *************************************/
#divPopupWindow0                            {width:373px;height:205px;border:0px;background:url('/images/bg/popup.png') no-repeat;position:relative;color:#FFFFFF;}
#divPopupWindow0 h2                         {background:none;border:0px;font-size:17px;font-weight:bold;position:absolute;left:35px;top:29px;padding:0px;margin:0px}
#divPopupWindow0 .container                 {font-size:13px;width:315px;position:absolute;left:35px;top:62px;background:none;border:0px solid red;margin:0px;padding:0px}

#divPopupWindow0 .buttons                   {position:absolute;left:20px;top:143px;}
#divPopupWindow0 .buttons img               {margin-right:10px}
#divPopupWindow0 .forgotPassword .label     {text-align:right;margin-right:10px;width:135px}
#divPopupWindow0 .forgotPassword .input     {}

#rejectPopup                                {width:373px;height:205px;border:1px solid #333;background-color:#FFF}
#rejectPopup h2                             {border-bottom:1px solid #333;font-size:17px;font-weight:bold;padding:5px 10px}
#rejectPopup .content                       {padding:10px}


/******************* CONTENT ****************************************/
.content                                {min-height:410px;float:left;width:623px;}
.plain                                  {position:relative;left:30px;}
.content .topBg                         {background:url('/images/welcome-top.gif') no-repeat;width:623px;height:11px;overflow:hidden;}
.content .bottomBg                      {background:url('/images/welcome-bottom.gif') no-repeat;width:623px;height:11px;overflow:hidden;}
.content .middleBg                      {background-image:url('/images/welcome-middle.gif');background-repeat:repeat-y;}
.content .middleContent                 {padding:15px 25px 10px 25px;min-height:408px}
.content .middlePadding                 {padding:15px 25px 10px 25px;}


div.clear                               {margin:0px;padding:0px;height:0px;font-size:0px;overflow:hidden;clear:both;}

div                                     {border-collapse:collapse}
img                                     {border-width:0}

/******************************* MISC ***********************************/
.imgButton                              {cursor:pointer}
.error                                  {color:red}
img                                     {border-width:0px}
form                                    {margin:0px;padding:0px}
.emph                                   {font-weight:bold;color:#3c72b7;}

/******************************* HOME ***********************************/

#home                                   {position:relative;}
#home .image                            {position:absolute;top:327px;left:10px;}

/**************************** LOGIN SIDEBOX ******************************/
#login                                  {position:relative;float:right;background-image:url('/images/bg/login.gif');height:454px;width:321px;margin:0px}
#login .small                           {font-size:10px;}
#login .forgotPassword                  {float:left;}
#login .forgotPassword .small           {float:left;width:100px}
#login .form                            {float:left;position:absolute;left:40px;top:150px}
#login .label                           {text-align:right;margin:7px 10px 0px 0px}
#login .controls                        {margin-top:0px;text-align:right;height:22px}
#login .controls input                  {margin:0px 0px -7px 5px}

/*********************** CONTACT ************************/
#contact .left                  {width:325px;float:left}
#contact .right                 {float:left;margin-left:20px;width:225px;border-top:2px dotted #999999;padding-top:6px;margin-top:43px}

#contact .label                 {width:67px;padding-top:4px}
#contact input.text             {border:0px;padding:3px 5px;width:247px;height:17px;background:url('/images/bg/input-large.gif') no-repeat;}
#contact textarea               {border:0px;padding:3px 5px;width:247px;height:185px;background:url('/images/bg/text-large.gif') no-repeat;overflow:auto}
#contact .controls              {margin-top:10px;text-align:right}


/********************* REGISTER **************************/
#register fieldset              {border:0;margin:0;padding:0}
#register legend                {display:none}

/********************** PAGING ***************************/
.paging                         {text-align:center}
.paging a.current               {color:#000}
.paging a                       {font-size:12px}
.paging a.number                {}
.paging .previous               {margin:0px 10px -7px 0px;}
.paging .next                   {margin:0px 0px -7px 10px;}