/* $Id: local_sample.css,v 1.1.2.2 2008/12/15 21:02:34 jwolf Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom css and css overrides in this file and  */ 
/* rename it local.css.  By restricting your css changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.               */

/* Steps to activate local.css:                       */
/* 1. Add your custom css to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Uncomment (remove leading semicolon from ) the  */ 
/*    following line in your theme's .info file:      */
/*    ;stylesheets[all][] = local.css                 */
/* 4. Clear cached data at admin/settings/performance */

body {
  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;     /* web safe fonts */
  line-height: 135%;   
  font-size: 15px;    /* 12px */
  text-align: justify;   
}

#page {
  background-color: #EFEFEE;
  margin: 0;
  width: 100%;
}

h2.title {                                        /* block titles, node titles */
/*  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif; */
  font-size: 1.254em;
  font-weight: 600;
}  


a, a:link, a:visited {
  text-align: left;
}

a:link,
a:visited {
  color: #27638C;
  text-align: left;
}  

a:hover,
a:active {
  text-decoration: underline;
  text-align: left;
}

a:focus {
  outline: none;
}

field-content {
  text-align: left;
}

div.block .title {
  text-transform:none;
}

div.form-item label {
  font-weight: bold;
  font-color: red;
}

div.view.view-News-Events.view-style-normal.view-id-News_Events.view-display-id-page_1 , div.view.view-News-Events.view-style-normal.view-id-News_Events.view-display-id-page_2, div.view.view-News-Events.view-style-normal.view-id-News_Events.view-display-id-page_3, div.view.view-News-Events.view-style-normal.view-id-News_Events.view-display-id-page_4, div.view.view-News-Events.view-style-normal.view-id-News_Events.view-display-id-page_5 {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.view.view-View-Unpublished-Content.view-style-normal.view-id-View_Unpublished_Content.view-display-id-page_1 .views-field-title, div.view.view-View-Unpublished-Content.view-style-normal.view-id-View_Unpublished_Content.view-display-id-page_2, div.view.view-View-Unpublished-Content.view-style-normal.view-id-View_Unpublished_Content.view-display-id-page_3, div.view.view-View-Unpublished-Content.view-style-normal.view-id-View_Unpublished_Content.view-display-id-page_4, div.view.view-View-Unpublished-Content.view-style-normal.view-id-View_Unpublished_Content.view-display-id-page_5 {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 10px;
}


.form-item .description {
  font-size: 1.0em;
}

body.layout-main-last #sidebar-last li.leaf, body.layout-main-last #sidebar-last ul.menu li, body.layout-main-last #sidebar-last .item-list ul li, #content-content .node ul li, #content-bottom ul li {
  background: transparent url(//localhost/radiusmobilemedia/themes/acquia_marina/images/raquo.png) no-repeat scroll center left 1.5em;
  list-style-image: none ;
  list-style-type:disc;
  list-style-position:outside;
  margin-left:1.25em;
  padding-left:5px;

}


ol li,
ul li,
ul.menu li,
.item-list ul li,
li.leaf {
  margin: 0.55em 0 0.15em 0;
  padding: 0.25em 0 0 1.333em;
}

tbody {
  border-top: 0px solid #CCC;
}


/************************/
/*  MAIN AREA WRAPPER   */
/* (Sidebars + Content) */
/************************/

#main-wrapper a.active {
  color: #27638C;
}


/********************************/
/* PREFACE REGIONS */
/********************************/

 #preface {
  background: #144A6E url('images/preface-wrapper3-bg.png') repeat-x top;
  min-height: 24px;
  padding-left: 15px;
}


#preface-wrapper div.block ul li {
  background: url('images/green-checkmark2.png') no-repeat 0 0.222em;
  list-style-image: none;
  list-style-type: none;
  padding: 1em 0 0 2.222em;
}

#primary-menu {                                   /* menu layout */
  display: block;
  float: left;
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  font-size: 1.12em;
  font-weight: bold;
  margin-top: 12px;
  padding: 0;
  position: relative;
  text-transform: uppercase;
}

.rates {
  padding: 1px;
  margin: 0px;
  margin-left: 0.5em;
  line-height: 1.33em;
}

/******************/
/* HEADER REGIONS */
/******************/

#header-first {
  width: 340px;
}

#header-first #logo {                            /* logo postion.  default image replaced if you upload your own */
  float: left;
  margin: 6px 14px 0 0;
}

#header-middle h2.block-title, #header-last h2.block-title {
  color:#FF8800;
  font-size:1.3em;
  text-align: center;
}

/**********/
/* LAYOUT */
/**********/

html {
  background: #EEE;                               /* background & font color */
  color: #27638C;
}


#main {
  background: transparent url('images/content-gradient2.png') repeat-x 0 1px;
  padding-left: 15px;
}

body.layout-first-main-last #content-wrapper #sidebar-last {
  background-color: #EFEFEE;
}





/**********/
/* BLOCKS */
/**********/

/*--- User Navigation BLOCK ---*/

#block-block-9 div.block-icon {
  background: transparent url('icons/binocs_42.png') no-repeat left center;
}

div.block-user div.block-icon {
  background: transparent url('icons/tnt_icon_14b.png') no-repeat left center;
}

/*--- News & Events BLOCK ---*/
#block-views-News_Events-block_1 div.block-icon {
  background: transparent url('icons/tnt_icon_10b.png') no-repeat left center;
}

/*--- Current Specials BLOCK ---*/
#block-block-7 div.block-icon {
  background: transparent url('icons/tnt_icon_08b.png') no-repeat left center;
}

/*--- Direct Rewards BLOCK ---*/
#block-views-direct_rewards-block_1 div.block-icon {
  background: transparent url('icons/tnt_icon_08b.png') no-repeat left center;
}

/*--- Featured Clients Rotator BLOCK ---*/
#block-views-rotor-block_1 div.block-icon {
  background: transparent url('icons/tnt_icon_15b.png') no-repeat left center;
}

/*--- Featured Clients Random Static BLOCK ---*/
#block-views-featured_clients_random-block_1 div.block-icon {
  background: transparent url('icons/tnt_icon_15b.png') no-repeat left center;
}



div.block-wrapper {                    /* spacing between blocks */
  margin: 0px 0;
}

#content-top {
	float: right;
	margin: 3px 2px 0 25px;
}

#content-top h2.block-title {
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  background-color:#FF8800;
  color:#FFFFFF;
  padding:8px 8px 6px 46px;
  text-align:center;
  text-shadow:1px 1px #545454;
}

#sidebar-first div.block div.content,
#sidebar-last div.block div.content,
#postscript-wrapper div.block div.content {
  background: transparent url('images/block-gradient2.png') no-repeat center bottom;
  border-bottom: 0px solid #FFF;
}

#sidebar-first #block-views-rotor-block_1 div.content {
  padding: 8px 0px 7px 0px;
  border-bottom: 0px;
  margin-bottom: 0px;
  height: 110px;
}

#sidebar-first #block-views-featured_clients_random-block_1 div.content {
  padding: 8px 0px 8px 0px;
  border-bottom: 0px;
  margin-bottom: 0px;
  height: 110px;
}

#sidebar-last div.block div.content {
  padding: 10px 7px 8px;
}



/* rounded blocks styles -= layout-first-main-last & layout-first-main blocks */
#sidebar-first h2.block-title,
#sidebar-last h2.block-title,
#postscript-wrapper h2.block-title {
  background-color: #FF8800;
}

body.layout-main-last #sidebar-last h2.block-title {
  border-bottom: 1px solid #FF8800 ;
}

/********/
/* MISC */
/********/

form#webform-client-form-63 {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
}

div.webform-component-select, div.webform-component-textfield, div.webform-component-email, div.webform-component-date {
  margin-bottom: 25px;
}

div.webform-confirmation {
  font-size: 1.3em;
}

hr {
  border: 1px solid #27638C;
}

/*****************/
/* FOOTER REGION */
/*****************/

#footer {
  border-bottom: 1px solid #27638C;
  border-top: 1px solid #27638C;
}

/************/
/* HEADINGS */
/************/

h1.title {                                        /* page titles */
  border-bottom: 1px solid #27638C;
  text-align: left;
  margin-top: 20px;
}

div.node h2.title {
  border-bottom: 1px solid #27638C;
}

h2.title {
  margin-top: 15px;
  margin-bottom: 10px;
}

h2.title a:link, h2.title a:visited {
  color: #27638C;
}

h2.block-title {
  margin: 0px;
}

h2.block-title a:link, h2.block-title a:visited {
  color: #FFF;
}

	
h2.title a:hover {
  text-decoration: underline;
} 

h3 {
	font-size: 1.25em;
	margin-top: 20px;
}

h3 a {
	margin-top: 10px;
}

body.layout-main-last #sidebar-last h2.block-title {
  border-bottom: 1px solid #27638C;
}

/*********/
/* NODES */
/*********/

div.node.full-node div.content {
  border-bottom: 1px solid #27638C;
}

.terms {                                      /* styling for byline and tags */
  margin-left: 12px;
}



/*********/
/* FORMS */
/*********/

fieldset {
  border: 1px solid #27638C;
}

/************/
/* COMMENTS */
/************/

.signature p {
  border-top: 1px solid #27638C;
}


/****************************************************/
/* TNT ROUNDED CORNERS FOR PANELS MODULE (optional) */
/****************************************************/


div.rounded-block {
  text-align: left;
}

.rounded_corner .wrap-corner .l-edge {
  border:1px solid #27638C;
}


/********/
/* TABS */
/********/

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
  border-bottom: 4px solid #27638C;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  border-bottom: 4px solid #27638C;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.secondary li a:hover {
  border-bottom: 4px solid #27638C;
}



/********************/
/* ALL PAGE REGIONS */
/********************/

/******************/
/* HEADER REGIONS */
/******************/



/********************************/
/* PREFACE REGIONS */
/********************************/



/************************/
/*  MAIN AREA WRAPPER   */
/* (Sidebars + Content) */
/************************/


/**********************************/
/* POSTSCRIPT REGIONS  */
/**********************************/



/*****************/
/* FOOTER REGION */
/*****************/

#footer {
  border-bottom: 1px solid #27638C;
  border-top: 1px solid #27638C;
}

#legal-notice {
  display: none;
}


/****************************************/
/*          COLUMN LAYOUTS              */
/*                                      */
/* Classes for different column layouts */
/* that are applied to the <body> tag.  */
/****************************************/

/************************/
/* SINGLE COLUMN LAYOUT */
/* (Main Content)       */
/************************/


/**************************/
/*   TWO COLUMN LAYOUT    */
/* (Sidebar:Main Content) */
/**************************/

body.layout-first-main #sidebar-first {
  margin: 26px 14px 0 0;
  width: 240px;
}

body.layout-first-main #content-wrapper {
  margin: 10px 0 0 0;
  width: 706px;
}


/**************************/
/*   TWO COLUMN LAYOUT    */
/* (Main Content:Sidebar) */
/**************************/




/**********************************/
/*      THREE COLUMN LAYOUT       */
/* (Sidebar:Main Content:Sidebar) */
/**********************************/


body.layout-first-main-last #content-wrapper #content-inner {
}

body.layout-first-main-last #content-wrapper #sidebar-last {
  background-color: #EFEFEE;
}

body.full-node.layout-first-main-last #sidebar-last {
  margin: 0;
}

/**********/
/* TABLES */
/**********/

tr.even td {
  background-color: #EFEFEE;
  border-bottom: 1px solid #CCC;
}

tr.odd td {
  background-color: #E8E8E6;
  border-bottom: 1px solid #CCC;
}

/************************************/
/* PRIMARY MENU WITH DROPDOWNS      */
/* - used with menu_tree theming of */
/* $primary_links in page.tpl.php   */
/************************************/

#primary-menu ul.menu li {                        /* top item layout */
  background: transparent url('images/tab-left2.png') no-repeat left 0;
  display: block;
  float: left;
  margin: 0 4px 0 0;
  padding: 0 0 0 0.833em;    /* 0 0 0 10px */
  position: relative;
  width:  auto;
}
#primary-menu ul.menu li a {
  background: transparent url('images/tab-right2.png') no-repeat right 0;
  color: #fff;
}

#primary-menu ul.menu li a:hover,
#primary-menu ul.menu li:hover a,
#primary-menu ul.menu li.hover a,
#primary-menu ul.menu li.active-trail a {
  color: #ff8800;
}


#primary-menu ul.menu li ul li a,
#primary-menu ul.menu li ul li a:link,
#primary-menu ul.menu li ul li a:visited {
  color: #fff;
}

#primary-menu ul.menu li ul {
  background: transparent url('images/drop-bottom2.png') no-repeat 0 bottom;
  padding: 2px 0 1px;

}

#primary-menu ul.menu li ul li {
  background: #2F77A3;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: none;
  float: left;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.916em;
  height: auto;
  margin: 0;
}