body 
{
    margin: 0;
    font-family: Tahoma, Verdana, Lucida Grande, Lucida Sans MS, Arial, Sans-Serif;
    font-size: 100%;
    background-color: #dddddd;
}

html, body, #outer_container
{
    min-height: 100%;
    width: 100%;
    height: 100%;
}

html>body, html>body #outer_container
{
    height: auto;
}

.ui-datepicker
{
	font-size: 70% !important;
}

.ui-widget
{
	font-size: 70% !important;
}

.text_zone
{
    font-size: 90%;
}

#container
{
    width: 846px;
    margin-right: auto;
    margin-left: auto;
}

.v_home .plugin
{
    margin-bottom: 15px;
}

.site_sidebar, .left_sidebar
{
    width: 220px;
}

.site_sidebar
{
    float: right;
}

.left_sidebar
{
    float: left;
}

.site_full
{
    
}

.area_top
{
    position: relative;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}

.site_content
{
    margin-right: 240px;   
}

.site_container
{
    padding: 20px;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}

.child_content
{ 
    background: #ffffff;
}

/*
    Built-In Components
*/

.c_gradient .gradient
{
    padding: 0; margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 33px;
    width: 100%;
    background: url(../img/gradient_white.png) repeat-x; 
    z-index: 99;  
}

.c_rounded .rounded_area
{
    position: relative;
}

.c_rounded .tl, .c_rounded .tr, .c_rounded .bl, .c_rounded .br
{
    z-index: 99;
}

.floating_window .c_rounded .tl, .floating_window .c_rounded .tr, .floating_window .c_rounded .bl, .floating_window .c_rounded .br
{
    z-index: 1600;
}

.c_rounded .tl
{
    position: absolute; top: 0; left: 0;
}

.c_rounded .tr
{
    position: absolute; top: 0; right: 0;
}

.c_rounded .bl
{
    position: absolute; bottom: 0px; left: 0;
}

.c_rounded .br
{
    position: absolute; bottom: 0px; right: 0;
}

/*
    Manage Area (Profile/Admin)
*/

.manage_area .site_content
{
    margin-right: 0;
    margin-left: 240px;
}

.manage_area
{
    height: expression( this.scrollHeight < 551 ? "550" : "auto" ); /* sets min-height for IE */
    min-height: 600px;
    position: relative;
}

.manage_area .site_sidebar
{
    position: absolute;
    top: 0; left: 0;
    font-size: 100%; 
}

/*
    Fields
*/

form
{
    margin: 0; padding: 0;
}

.blur
{
    color: #aaa;
}

.page_form .plain_text
{
    font-family: Monaco, Courier New, Courier, Monospace;
    font-size: 80%;
}

.page_form .area_title
{
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #eee;
    font-size: 90%;
    font-weight: bold;
    padding: 5px;
    cursor: hand; cursor: pointer;
}

.page_form .area_title .right
{
    float: right;
    padding-right: 3px;   
}

.page_form .area_title:hover
{
    background-color: #ddd;
}

.page_form .area_content
{
    padding-left: 10px;
}

.page_form
{
    font-size: 80%;
    margin-top: 10px;
}

.page_form .form_title
{
    margin: 0;
    text-align: left;
    vertical-align: bottom;
    margin-bottom: 0px; padding-bottom: 0;
    color: #333;
    font-size: 90%;
}

.page_form label.error
{
    font-size: 90%;
    margin-left: 10px;
    color: #cc0000;
}

.page_form .form_title span
{
    font-size: 80%;
    color: #999;    
}

.page_form .form_title input.checkbox
{
	
}

.page_form .area_content .form_title input.checkbox
{
	
}

.page_form input
{
}

.page_form input, .page_form textarea, .page_form select
{
    margin-bottom: 10px;
}

.page_form textarea
{
    font-family: Tahoma;
    padding: 5px;
    font-size: 90%;
}

.page_form input.checkbox
{
    width: auto;
    position: relative;
    top:0px;
}

div.field
{
    position: relative;
    float: left;
    height: 16px;
    margin-top: 9px;
    margin-right: 6px;
}

div.field
{
    width: 120px;
    background-color: White;   
}

div.field input
{
    border: 0;
    position: absolute;
    height: 17px;
    font-size: 90%;
}

div.field input
{
    top: 0px;
    left: 7px;
    width: 85px;
    font-size: 110%;
}

div.form_field
{
   padding-top: 10px;
}

div.form_field div
{
    color: Black;
    float: left;
    width: 65px;
}

div.form_field a
{
    font-size: 80%;
    margin-left: 5px;
}

div.form_field input.button, .page_form input.button
{
    width: auto;
}

.page_form .form_bottom
{
    margin-top: 10px;
    border-top: 1px solid #ddd;
}

.page_form input.button
{
    margin-top: 15px;
}

/*
    Sortable List
*/

table.data_table .handle, table.data_table .new
{
    width: 20px;
    text-align: center;
    cursor: hand; cursor: pointer;
}

table.data_table .handle
{
    background: url('../img/handle.png') no-repeat;   
    cursor: move;
}

table.data_table .new
{
    
    background: url('../img/addone.png') no-repeat;   
}

ul.sortable_list li .delete
{
    float: right;
    padding-left: 10px;
}

ul.sortable_list li 
{
    vertical-align: middle;
    margin: 0;
    padding: 0;
    line-height: 29px;
    margin-top: 1px;
    padding-right: 10px;
    background: #fafafa;
}

/*
    Tables
*/

table.data_table
{
    border: 0;
    font-size: 70%;
    border: 1px solid #ddd;
    padding: 1px;
    width: 100%;
}

table.data_table tr
{
}

table.data_table th
{
    padding: 0; margin: 0;
    text-align: left;
    padding: 5px;
}

table.data_table td
{
    color: #666;
    padding: 5px;
}

table.data_table td.action
{
    vertical-align: middle;
    text-align: center;
}

/*
    Breadcrumbs
*/

.breadcrumbs
{
    padding-top: 4px;
    font-size: 60%;   
}

/*
    Links
*/

a 
{
    color: #004478;
}

/*
    Side-menu
*/

.side_menu
{
    background-color: #fff;
}

.side_menu .title_area
{
    margin-bottom: 5px;   
}

.side_menu .major_title
{
    line-height: 25px;
    background-color: #eee;
    font-size: 80%;
    font-weight: bold;
    padding-left: 10px;
    color: #333;
}

.side_menu ul
{
    margin: 0; padding: 0;
    list-style: none;
    font-size: 70%;
    margin-bottom: 10px;
}

.side_menu li.selected
{
}

.side_menu li 
{
    margin: 0;
    padding: 0;
}

.side_menu li .title
{
    font-weight: bold;
    font-size: 100%;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #ddd;
    color: #333;
}

.side_menu li div.item, .side_menu li div.item_selected
{
    margin: 0; padding: 0;
    padding: 5px 15px 5px 15px;
    color: #333;
}

.side_menu li div.item
{
    cursor: hand; cursor: pointer;
    margin: 0; padding: 0;
    padding: 5px 15px 5px 15px;
    color: #333;
    border-bottom: 0;
    margin-left: 10px !important;
    margin-right: 10px !important;
    color: #004478;
    border-left: 2px solid #eee;
}

.side_menu li a
{
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
    height: 100%;
}

.side_menu li div.item:hover
{
    background-color: #eee;
}

.side_menu li .gradient
{
    display: none;
}

.side_menu li.selected .gradient
{
    display: block;   
}

.side_menu .c_gradient
{
    height: 100%;
    margin: 0; padding: 0;
}

.side_menu li .title
{
    border-bottom: 0;
}

.side_menu li div.item, .side_menu li div.item_selected
{
    border-bottom: 0;
}

.side_menu li div.item
{
}

.side_menu li.selected div.item
{
    font-weight: bold;
    margin-left: 10px !important;
    margin-right: 10px !important;
    color: White;
    border: 0;
    background-color: #378ce6;
    border-left: 2px solid #378ce6;
    cursor: default;
}

/*
    Pagination
*/

.pagination 
{
    text-align: right;
    font-size: 70%;
    margin-top: 10px;
}

.pagination .disabled
{
    display: none;
}

.pagination .current
{
    color: Black;   
    margin: 1px;
}

.pagination a
{
    border: 1px solid #eee;
    padding: 3px 5px 3px 5px;
    text-decoration: none;
    margin: 1px;
}

/*
    Various Global Classes
*/

div.no_data
{
    font-size: 80%;
    margin-top: 10px;
    background-color: #fafafa;
    padding: 10px;
    color: #666;
}

/*
    Tabs
*/

.heading_right .tabs
{
    float: left;
    margin-right: 15px;
    margin-top: 2px;
}

.heading_right .tabs .tab
{
    display: block;
    font-size: 80%;
    float: left;
    background-color: #ddd;
    margin-right: 2px;
}

.heading_right .tabs .tab a
{
    text-decoration: none;
    color: #999;
}

.heading_right .tabs .selected
{
    background-color: #378ce6;
}   

.heading_right .tabs .selected a
{
    color: #ffffff;
}

.heading_right .tabs .tab .c_rounded .rounded_area
{
    padding: 5px;
}

.heading_right .tabs .left
{
}

.heading_right .tabs .right
{
}


/*
    Clearfix
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ******************************* *
 * CCC BUTTON STYLES *
 * Button style borrowed from Docs *
 * ******************************* */
.btn
{
	color:#ffffff !important;
	cursor:pointer;
	float:left;
	font-size:75%;
	margin:0;
	outline:none;
	text-decoration:none;
}

.btn b {
	background-color:#fff;
	border:solid #bbb;
	border-width:1px 0;
	display:block;
	float:left;
	font-weight:normal;
	position:relative;
}

.btn b b
{
	background-color: #bbb;
	background-position:0 0;
	border-width:0 1px;
	display:block;
	margin:0 -1px;
	position:relative;
}

.btn b b b{
border-width:0;
margin:0;
padding: 1px; padding-top: 0px;}

.btn b b b b{
margin-bottom:0;
padding-bottom:0 !important}

.btn:hover{
cursor:pointer;}

.btn:hover b 
{
	border-color: #aaa;
}

.btn:active b{
background-color:#bbb;
background-image:none; }

.btn strong{
color:#000}

.primary_btn b 
{
	border-color: #004478;
}

.primary_btn b b
{
	background-color: #004478;
}

.primary_btn:hover b 
{
	border-color: Black;
}

/* ******************************* *
 * INLINE AREA					   *
 * ******************************* */
 
.inline_area
{
	float:left;
}

.inline_area b
{
	background-color: #fff;
	display: block;
	float: left;	
	position: relative;
}

.inline_area b
{
	background-color: #fff;
	display: block;
	float: left;	
	position: relative;
}

.inline_area b b
{	
	background-color: #ff0000;
	display:block;
	position: relative;
}

.error_dialog
{
	margin: 10px 0 10px 0;	
}

object
{
	display: block;
}