﻿/*========================================================*/
/*         CSS for DotNetNuke Skin - Vertigo              */
/*                  by Evan ONeil                         */
/*             http://evan.normanoneil.com                */
/*                oneilevan@gmail.com                     */
/*========================================================*/

/*========================================================*/
/*     Universal                                          */
/*========================================================*/

/* Style For HTML PAGE                   */ html { height: 100%; }
/* Style For HTML BODY                   */ #body { direction:rtl; margin: 0; background: #9d9d9d; margin: 5 0 5 0; }
/* Setting Text Throughout the skin      */ table, tr, td, p {font-family: tahoma; font-size: 11px; }
/*========================================================*/
/*     Design Elements                                    */
/*========================================================*/

/*-- outermost table of skin -Standard #fa  --*/ .OuterTable { width: 97%; height: 100%; background: url(page_bg_l.gif) repeat-y top right #FFF; text-align: center; }
/*-- outermost table of skin -Admin    #fa  --*/ .OuterTableAdmin { width: 85%; height: 100%; background: url(page_bg_l.gif) repeat-y top rightt #FFF; text-align: center; }
/*-- cell containing login and register #fa --*/ .LoginTD { height:146px; text-align:left; vertical-align: top; color: #404852; padding: 39px 0 0 30px; }
/*-- cell containing search           #fa   --*/ .SearchTD { height:45px; text-align:left; vertical-align: top; padding: 0  0 0 33px;}
/*-- cell containing login no search  #fa   --*/ .LoginTDNS { height:56px; text-align:left; vertical-align: top; color: #404852; padding: 39px  0 0 30px; }
/*-- cell containing search no search #fa   --*/ .NSPaneTD { height:135px; text-align:left; vertical-align: top; padding: 0 15px 0 0;}
/*-- cell containing panes            #fa   --*/ .PanesTD { width:100%; vertical-align: top; padding: 0 6px 0 11px; }
/*-- DIV containing panes                   --*/ .PanesDIV { padding: 10px 5px 0 5px; }
/*-- cell containing menu pane        #fa   --*/ .MenuPaneTD {  background: url(menu_bottom.gif) no-repeat top right; width:100%; vertical-align: top; padding: 14px 0 0 0; }
/*-- bottom footer section                  --*/ .BottomRow { background: url(footer_bg.gif) repeat-x top center #B5B5B5; height: 80px; padding: 0;}
/*-- bottomleft footer section        #fa   --*/ .BottomRowLeft { background: url(footer_bg_l.gif) no-repeat top right; height: 80px; padding: 0;}
/*-- bottomright footer section       #fa   --*/ .BottomRowRight { background: url(footer_bg_r.gif) no-repeat top left; height: 80px; text-align: left; vertical-align: top; padding: 23px 25px 0 40px; }
/*-- middle content section           #fa   --*/ .MiddleRow { background: url(page_bg_r.gif) repeat-y top left; padding: 0 0px 0 8px; }
/*-- cell containing breadcrumbs      #fa   --*/ .BreadCrumbsTD { text-align:right; vertical-align: middle; color: #FFF; padding: 0 14px 0 14px; height:26px;}
/*-- cell containing logo                   --*/ .LogoTD { text-align:right; vertical-align: bottom; padding: 3px 0 0 0; height:196px; width: 650px;}
/*-- applied to invisible objects           --*/ .Invisible { visibility:hidden; }

/*-- top header section               #fa   --*/ .TopRow { background: url(header_bg.jpg) repeat top left; height: 201px; padding: 0 0 0 0; }
/*-- topleft header section           #fa   --*/ .TopRowLeft { background: url(header_bg_l.jpg) no-repeat top right; height: 201px; width:100%; padding: 0; }
/*-- topleft header section man       #fa   --*/ .TopRowLeftM { background: url(header_bg_l_man.jpg) no-repeat top right; height: 201px; width:100%; padding: 0; }
/*-- topleft header section woman     #fa   --*/ .TopRowLeftW { background: url(header_bg_l_woman.jpg) no-repeat top right; height: 201px; width:100%; padding: 0; }
/*-- topright header section          #fa   --*/ .TopRowRight { background: url(header_bg_r.jpg) no-repeat top left; height: 201px; width:100%; padding: 0; margin:0;}
/*-- topright header section without search --*/ .TopRowRightNS { background: url(header_bg_r_ns.jpg) no-repeat top left; height: 201px; width:100%; padding: 0; margin:0;}

/*  Horizontal Nav   */
/*-- cell containing date 2             #fa --*/ .DateTD2 { text-align:right; vertical-align: middle; color: #FFF; padding: 0 14px 0 14px; height:29px;}
/*-- cell containing horizontal menu    #fa --*/ .MenuTD2 { width: 100%; height: 36px; vertical-align: top; padding: 0; }
/*-- top inner section horizontal menu  #fa --*/ .InnerTD2 { background: url(inner_bg_hor.gif) repeat-x top right; height: 65px; width:100%; padding: 0; }
/*-- topleft inner section horizontal menu  --*/ .InnerLeft2 { background: url(inner_bg_l_hor.jpg) no-repeat top right; height: 65px; width:100%; padding: 0; vertical-align:top; }
/*-- topright inner section horizontal menu --*/ .InnerRight2 { background: url(inner_bg_r_hor.jpg) no-repeat top left; height: 65px; width:100%; padding: 0; }

/*  Vertical Nav     */
/*-- cell containing date              #fa  --*/ .DateTD { text-align:right; vertical-align: middle; color: #FFF; padding: 0 14px 0 14px; height:39px;}
/*-- cell containing vertical menu     #fa  --*/ .MenuTD { width: 198px; vertical-align: top; padding: 0; }
/*-- top inner section vertical menu   #fa  --*/ .InnerTD { background: url(inner_bg.gif) repeat-x top right; height: 65px; width:100%; padding: 0; }
/*-- topleft inner section vertical menu    --*/ .InnerLeft { background: url(inner_bg_l.jpg) no-repeat top right; height: 65px; width:100%; padding: 0; vertical-align:top; }
/*-- topright inner section vertical menu   --*/ .InnerRight { background: url(inner_bg_r.jpg) no-repeat top left; height: 65px; width:100%; padding: 0; }

/*========================================================*/
/*     Content Panes                                      */
/*========================================================*/

/*-- top inside content pane       --*/ .PaneTop { width: 100%; padding: 0 7px 0 7px;}
/*-- left content pane             --*/ .PaneLeft { padding: 0 7px 0 7px; width: 33%; }
/*-- content pane                  --*/ .PaneCenter { padding: 0 7px 0 7px; }
/*-- right content pane            --*/ .PaneRight { padding: 0 7px 0 7px; width: 33%; }
/*-- bottom inside pane            --*/ .PaneBottom { width: 100%; padding: 0 7px 0 7px; }
/*-- bottom menu content pane      --*/ .PaneMenuBottom { width: 100%; padding: 5px 15px 0 15px; }
/*-- header content pane           --*/ .PaneHeader { width: 63%; padding: 10px 15px 0 15px; }

/*========================================================*/
/*     Tokens                                             */
/*========================================================*/

/*-- login and user token idle         --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #404852; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; }
/*-- login and user token hover        --*/ a.LOGIN_object:hover, a.USER_object:hover { color: #000; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; }
/*-- date token idle                   --*/ .DATE_object { color: #FFF; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; }
/*-- breadcrumbs token idle            --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #DCDDDF; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold;}
/*-- breadcrumbs token hover           --*/ a.BREADCRUMBS_object:hover { color: #FFFFFF; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold; }
/*-- terms privacy and copyright       --*/ .FOOTER_objects { color:#FFF; font-size: 11px; }
/*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#FFF; font-weight:bold; text-decoration:none; }
/*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color:#DDD; font-weight:bold; text-decoration:none;  }

/*========================================================*/
/*     Text                                               */
/*========================================================*/

/*-- most of the text on site          --*/ .normal, .Normal { font-family: tahoma; font-size: 11px; color: #555; }
/*-- most of the bold text on site     --*/ .NormalBold { font-family: tahoma; font-size: 11px; font-weight: bold; color: #555; }
/*-- red text on site for errors       --*/ .NormalRed { color: #C50000; font-family: tahoma; font-weight: bold; font-size: 11px; }
/*-- subheadings - mostly in admin     --*/ .SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #777; padding: 0; }
/*-- headings - mostly in admin        --*/ .Head { font-size: 11px; color: #777; background: transparent; font-weight: bold; padding: 0;}

/*========================================================*/
/*     Links                                          */
/*========================================================*/

/*-- default links visited and active  --*/ a:link, a:visited, a:active { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: underline; }
/*-- default links hover               --*/ a:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: underline; }
/*-- normal  links visited and active  --*/ a.Normal:link, a.Normal:visited { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; }
/*-- normal  links hover               --*/ a.Normal:hover { color: #444; font-family: tahoma; font-size: 11px;	text-decoration: none; }
/*-- admin button-link style           --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #6A6A6A; border: 1px solid #ABABAB; background: #EFEFEF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; }
/*-- admin button-link style hover     --*/ a.CommandButton:hover                                                 { color: #6A6A6A; border: 1px solid #868686; background: #DFDFDF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; }
/*-- search button in search form      --*/ .SearchButton { background: transparent; padding: 13px 15px 4px 11px; cursor: hand; font-size:1px; margin: 0 0 0 0px;}

/*========================================================*/
/*     Forms                                              */
/*========================================================*/

/*-- default form elements      --*/ select, input { font-family: tahoma; font-size: 11px; color: #333; }
/*-- textbox                fa  --*/ .NormalTextBox { color: #333; padding-right: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; }
/*-- textbox container          --*/ td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility: invisible; border: 0; }
/*-- textbox used for search #fa--*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:19px; background: transparent; width: 140px; color: #404852; padding: 4px 8px 0px 0px; border: 0px solid #FFFFFF; cursor:text;}

/*==========================================================*/
/*  End Style Sheet                                         */
/*==========================================================*/






