/****************************************************************************/
/*                                                                          */
/* desc:        the styles for the directsms website                        */
/*                                                                          */
/* author:      ramez zaki                                                  */
/* copyright:   copyright (c) 2001-2006. all rights reserved                */
/* date:        24/12/2005                                                  */
/*                                                                          */
/****************************************************************************/

body
{
    background-color:#0c3059;
	background:#1d3252;
    margin:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
}

a, a:visited
{
    color:#1d2a60;
}

input, textarea, select
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}

.error
{
    color: blue;
    border: groove;
    background: lightgreen;
    font-family: verdana;
}

.t_container
{
    background-color:#ffffff;
    width:900px;
}

.t_container_menuless
{
    background-color:#ffffff;
    width:100%;
    height:100%;
}

.t_container td,
.t_container_menuless td
{
    padding:0px;
}

.t_header
{
    width:100%;
    background-color:#ffffff;
    text-align:left;
}

.t_content
{
    border-top:5px solid #2763a9;
    border-left:2px solid #2763a9;
    border-right:2px solid #2763a9;
    border-bottom:2px solid #2763a9;
    width:100%;
    height:100%
}

.t_content_menuless
{
    border-top:2px solid #2763a9;
    border-left:2px solid #2763a9;
    border-right:2px solid #2763a9;
    border-bottom:2px solid #2763a9;
    width:100%;
    height:100%
}

.t_content td
.t_content_menuless td
{
    padding:0px;
}

.loginForm, .loginForm a
{
    width:200px;
    font-size:10px;
    color:#000c36;
    font-weight:bold;
}

.loginForm td
{
    padding:2px;
}

.loginField
{
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
}

.t_information
{
    background-color:#ffffff;
    padding:0px;
}

.t_information td
{
    vertical-align:top;
    padding:0px;
}

.t_footer
{
    width:100%;
    height:15px;
    vertical-align:middle;
    font-size:12px;
    color:#ffffff;
    text-align:left;
    background-color:#7d9ed3;
    z-index:100;
}

.t_footer td
{
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
}

.t_footer a,
.t_footer a:visited
{
    color:#ffffff;
}

.t_footer a:hover
{
    color:#000066;
}

.t_user_menu
{
    border:1px solid #000000;
    width:100%;
    background-color:#9dbef3;
    padding-top:1px;
    padding-bottom:1px;
    text-align:left;
    text-decoration:none;
}

.t_user_menu td, .t_user_menu th
{
    font-size:12px;
    color:#505050;
    text-align:left;
    white-space: nowrap;
    padding:0 6px 0 6px;
}


.t_user_menu td a,
.t_user_menu td a:visited,
.t_user_menu th a,
.t_user_menu th a:visited
{
    font-size:12px;
    color:#000000;
    font-weight:bold;
    text-decoration:none;
    text-align:left;
}

.t_user_menu td a:hover,
.t_user_menu th a:hover
{
    color:#000066;
}

.t_user_info
{
    position:relative;
    right:0px;
    top:0px;
    font-size:x-small;
    font-size:10px;
    font-weight:bold;
    text-align:right;
}

.t_user_info .label
{
    font-weight:lighter;
    text-align:right;
}

.blue_content
{
    background-color:#7d9ed3;
    padding:0px;
    margin:0px;
}

.t_sidebar
{
    border:1px solid #7d9ed3;

    /* added by r.zaki on 26/9 */
    border-top:1px solid #1d2a60;
    border-left:1px solid #1d2a60;
    border-right:2px solid #1d2a60;
    border-bottom:1px solid #1d2a60;
    width:100%;
    font-size:13px;
    margin:0px;
}

.t_sidebar td
{
    padding:1px;
    width:100%;
    text-align:center;
    font-size:12px;
    color:#000000;
    font-weight:bold;
    text-decoration:none;
}

.t_sidebar a,
.t_sidebar a:visited
{
    padding:5px;
    display:block;
    background-color:#b4c7a9;
    text-decoration:none;
    font-family:verdana, Arial, Helvetica, sans-serif;
    color:#000000;
}

.t_sidebar a:hover
{
    color:#ffffff;
}

.t_home
{
    vertical-align:top;
    font-size:12px;
}

.t_home td
{
    vertical-align:top;
    width:250px;
    font-size:12px;
    padding-top:25px;
    padding-left:25px;
    padding-right:25px;
    padding-bottom:0px;
}

.corner_pic
{
    position:relative;
    right:-25px;
    text-align:right;
    vertical-align:bottom;
    padding:0px;
}

.t_home h3
{
    background-color:#2763a9;
    color:#ffffff;
    margin:0 0 2px 0;
    font-size:18px;
    padding:0 0 2px 5px;
}

.t_home_block p
{
    font-size:13px;
    margin:0;
}

.t_home_block a
{
    color:#0f08ff;
}

#testimonial
{
    padding-top:0px;
    padding-left:10px;
    margin:0px;
    float:right;
    width:330px;
}

#testimonial p
{
    padding-top:2px;
    margin:0;
    padding-left:0px;
    padding:0px;
    text-align:left;
}

#testimonial h3
{
    padding:2px;
    padding-left:5px;
    margin:0px;
    margin-left:30px;
    background-color:#7d9ed3;
    font-size:13px;
}

.t_list_table
{
    padding-left:30px;
    margin:0px;
}

.t_list_table td
{
    text-align:left;
    vertical-align:top;
}

.t_list_table li
{
    margin-left:25px;
}

.t_questions
{
    padding-left:30px;
    margin-left:30px;
}

.t_main_menu
{
    /*
     * This will make the menu stretch across the whole screen
     *
    width:100%;
     */
    background-color:#ffffff;
    padding-top:2px;
}

.t_main_menu td
{
    float:left;
    /*background:url("images/2.0/normal-left.gif") no-repeat left top;*/ /* Temporarily commented. Asset is missing. */
    margin:0 1px 0 0;
    padding:0 2px 0 9px;
}

.t_main_menu a,
.t_main_menu a:visited,
.t_main_menu a:hover
{
    display:block;
    /*background:url("images/2.0/normal-right.gif") no-repeat right top;*/ /* Temporarily commented. Asset is missing. */
    text-decoration:none;
    padding:6px 9px 4px 0px;
    font-weight:bold;
    color:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
}

.t_main_menu #current
{
    /*background:url("images/2.0/selected-left.gif") no-repeat left top;*/ /* Temporarily commented. Asset is missing. */
}

.t_main_menu #current a,
.t_main_menu #current a:visited,
.t_main_menu #current a:hover
{
    /*background:url("images/2.0/selected-right.gif") no-repeat right top;*/ /* Temporarily commented. Asset is missing. */
}

.t_main_menu #special
{
    /*background:url("images/2.0/special-left.gif") no-repeat left top;*/ /* Temporarily commented. Asset is missing. */
}

.t_main_menu #special a,
.t_main_menu #special a:visited,
.t_main_menu #special a:hover
{
    /*background:url("images/2.0/special-right.gif") no-repeat right top;*/ /* Temporarily commented. Asset is missing. */
}


/****************************************************************************/
/*                                                                          */
/*                              div based styles                            */
/*                                                                          */
/****************************************************************************/

#container
{
    position:relative;
}

#main
{
    position:relative;
    margin:auto auto;
    width:900px;
}

#main_help
{
/*    position:relative; */
    margin:auto auto;
    width:1000px;
}

/*
 * services page styles
 */
#services
{
    border:2px solid #a1bec9;
    background-color:#1d2a60;
}

#services p
{
    text-align:left;
    font-size:13px;
}

/*
 * footer
 */
#footer
{
    height:20px;
    font-size:12px;
    color:#ffffff;
    text-align:left;
    background-color:#b4c7a9;
    margin:0px;
    padding:0px;
}

#footer a
{
    color:#ffffff;
}

#footer a:hover
{
    color:#000066;
}

#footer ul
{
    list-style:none;
}

#footer li
{
    float:left;
    display:inline;
    padding:2px 18px 2px 0;
}

/*
 * home page styles
 */
#home
{
    background-color:#ffffff;
    border:2px solid #a1bec9;
}

#home_picture
{
    width:144px;
    height:91px;
    position:absolute;
    right:2px;
    bottom:25px;
}

* html body div#home_picture
{
    bottom:15px;
}

#home_block
{
    padding:25px 0 90px 50px;
}

#home_block_left
{
    width:250px;
    float:left;
    margin:0 8px 0 0px;
    text-align:left;
    padding-bottom:10px; /* added by r.zaki to space out the text from the footer on the home page */
}

#home_block_center
{
    width:250px;
    float:left;
    margin:0 8px 0 0px;
    text-align:left;
}

#home_block_right
{
    width:250px;
    float:left;
    margin:0 8px 0 0px;
    text-align:left;
}

#home_block h3
{
    background-color:#7d9ed3;
    margin:0 0 2px 0;
    font-size:18px;
    padding:0 0 2px 5px;
}

#home_block p
{
    font-size:13px;
    margin:0;
}

#home_block a
{
    color:#0f08ff;
}

/*
 * misc. shite
 */

.invisible_bar
{
    clear:both;
}

h1
{
    color:#1d2a60;
    margin-top:10px;
    margin-left:10px;
    font-weight:lighter;
}

h2
{
    color:#1d2a60;
    font-size:medium;
    margin-left:10px;
    /*background:url("images/2.0/icon.jpg");*/ /* Temporarily commented. Asset is missing. */
}

#left
{
    float:left;
    width:729px !important;
    width /**/: 746px;
    padding-right:15px;
    padding-bottom:20px;
    z-index:1;
    /*background:url("images/2.0/bg.jpg") no-repeat center;*/ /* Temporarily commented. Asset is missing. */
    background-color:#ffffff;
    text-align:left;
    height:100%;
}

/*
 * added by r.zaki to make the text in the left divs blend in
 */
#left table
{
    font-size:13px;
}

#left h2
{
    margin-left:30px;
}

#left p
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:small;
    padding-left:30px;
    text-align:justify; /* added by r.zaki to space out the text */
}

/*
 * highlights
 */
#highlights
{
    padding-top:10px;
    padding-left:30px;
}

#highlights p
{
    padding-top:2px;
    margin:0;
    padding-left:0px;
    text-align:justify;
}

#highlights_left
{
    float:left;
    width:330px;
}

#highlights_right
{
    float:right;
    width:330px;
}

#highlights_all
{
    float:left;
    width:100%;
}

#highlights_all h3,
#highlights_left h3,
#highlights_right h3,
#highlights_all a h3,
#highlights_left a h3,
#highlights_right a h3
{
    color:#000000;
    padding:2px;
    padding-left:5px;
    margin:0px;
    background-color:#7d9ed3;
    font-size:13px;
}

.services-block
{
    position:relative;
    margin-bottom:20px;
}

#other_information
{
    padding-left:30px;
}

#other_information p
{
    padding-top:2px;
    margin:0;
    padding-left:0px;
    text-align:left;
}

#oi_left
{
    float:left;
    width:330px;
}

#oi_right
{
    float:right;
    width:330px;
}

#testimonial_left
{
    float:left;
    width:430px;
}

#testimonial_right
{
    float:right;
    width:290px;
}

#testimonial_signature p
{
    text-align:right;
    font-size:11px;
}

#oi_left h3,
#oi_left a h3
{
    color:#000000;
    padding:2px;
    padding-left:5px;
    margin:0px;
    background-color:#7d9ed3;
    font-size:13px;
}

#testimonial_left h3,
#testimonial_left a h3
{
    color:#000000;
    padding:2px;
    padding-left:5px;
    margin-left:30px; /* added by r.zaki */
    background-color:#7d9ed3;
    font-size:13px;
    width:395px;
}

#oi_right h3,
#oi_right a h3
{
    color:#000000;
    padding:2px;
    padding-left:5px;
    margin:0px;
    background-color:#7d9ed3;
    font-size:13px;
}

#testimonial_right h3,
#testimonial_right a h3
{
    color:#000000;
    padding:2px;
    padding-left:5px;
    margin-left:30px; /* added by r.zaki */
    background-color:#7d9ed3;
    font-size:13px;
    width:255px;
}

#right
{
    float:left;
    width:152px;
    background-color:#1d2a60;
    background-color:#7d9ed3; /* added by r.zaki on 26/9 */
    color:#ffffff;
    text-align:left;
    height:100%;
}

#right p
{
    padding:5px;
    text-align:left;
    font-size:xx-small;
    font-size:small;
    text-align:justify; /* added by r.zaki to space out the text */
}

#right h4
{
    font-weight:bold;
    margin:0;
    padding-left:5px;
    padding-top:5px;
}

#subheading
{
    margin-left:10px;
}



/********************************************************************************/
/*                                                                              */
/*   additional entries for the various layout manager generated html and shit  */
/*                                                                              */
/********************************************************************************/

/*
 * add the various styles for pages with nothing but forms on them. i.e. no content
 * these are based mainly on the services templates
 */
#forms,
#help_forms
{
    background-color:#ffffff;
    font-size:12px;
}

#forms p,
#help_forms p
{
    text-align:left;
}

#forms table
{
    background-color:#ffffff;
}

#forms table td,
#help_forms table td
{
    font-size:11px;
}

#forms table th,
#help_forms table th
{
    font-size:11px;
    font-weight:bold;
}

.t_heading
{
    background-color:#7d9ed3;
}

.t_heading h3
{
    color:#000000;
    padding:2px;
    padding-left:5px;
    margin:0;
    background-color:#7d9ed3;
    font-size:13px;
}

.sub-heading
{
    background-color:#e0e7ef;
}

.note
{
    font-size:9px;
}

.outline
{
    vertical-align:top;
    border:1px solid #a1bec9;
    padding:2px;
}