/*========================================================*/
/*              DNN Skin: Pacific Alarm System            */
/*                                                        */
/*========================================================*/

/*==========================================================
		Index             
		
		1. Default Styles 
		2. Layout
		3. Links and Buttons
		4. Text
		5. Forms
		6. Menu
		7. Colors
		8. Modules
===========================================================*/



/*========================================================*/
/*  1. Default Styles                                     */
/*========================================================*/

html {height:100%;}
body { height:100%; margin:0px; padding:0px; margin:0px;}
Form{width:100%;float:left; text-align:center;}

/*========================================================*/
/*  2. Layout                                        */
/*========================================================*/
#pas-red{background: url("images/bg-body-red.gif") repeat-x #fff; width:100%; margin:0px; padding:20px 0px 0px 0px;}

#pas-red-3col-1, #pas-red-3col-2, #pas-red-2col, #pas-red-1col
{width:880px; margin:0px auto; padding:0px;}

/* shared common features for header */
#header{background:transparent; margin:0px auto; padding:0px; height:125px; width:100%;}
#headerleft{float:left; width:225px; height:125px; text-align:center; margin:0px; }
#headerleft .bigger .Normal{font-size:43px;font-family:impact;line-height:2.5em;}
#headerleft .smaller .Normal{font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:1.1em; text-align:center; display:block; margin:0px auto; margin-top:-35px;}

#headerright{padding:0px; margin:0px;width:655px; float:right; height:125px;}
.headerright1{text-align:right; padding:0px; margin:0px; height:22px;}
.headerright2{text-align:left; padding:0px 40px; margin:0px; margin-bottom:1px; height:25px; line-height:25px; }
.headerright3{text-align:left; padding:0px; margin:0px; height:42px;}
#headerright .menu{height:35px; padding:0px; margin:0px; text-align:left; }

#headerright .headerright1 span, #headerright .headerright1 span a, #headerright .headerright1 span a:link{font-size:11px; font-weight:bold; letter-spacing:0.05em; text-transform:uppercase;}
#headerright .headerright1 span a:hover{ont-size:11px; font-weight:bold; letter-spacing:0.05em; text-transform:uppercase;}
#headerright .headerright2 span{font-size:11px; font-weight:bold; letter-spacing:0.05em; text-transform:lowercase;}



/* pas-red header */
#pas-red #header #headerleft{background:url("images/paslogo.gif") no-repeat #D7D7D9; background-position:center;}
#pas-red #header #headerleft .bigger .Normal{color:#f90; display:none;}
#pas-red #header #headerleft .smaller .Normal{color:#bcaca5; display:none;}

#pas-red #headerright .headerright1{background:transparent;}
#pas-red #headerright .headerright2{background-color:#970000;}
#pas-red #headerright .headerright3{background-color:#970000;}
#pas-red #headerright .menu{background-color:#970000;}
#pas-red #headerright .headerright1 span, 
#pas-red #headerright .headerright1 span a,
#pas-red #headerright .headerright1 span a:link{color:#f93;}
#pas-red #headerright .headerright1 span a:hover{color:#FFB13E;}
#pas-red #headerright .headerright2 span{color:#f93;}


/*  misc: breadcrumb, search */
#misc { background:#e2e2e2; height:30px; line-height:25px; padding:5px 0px 0px 0px; width:100%; margin: 0px auto;}
#misc_left {float:left;width:60%; margin-left:20px;text-align:left;}
#misc_left span{font-weight:bold; font-size:12px; color:#999;}
#misc_right {float:right;width:30%;text-align:right; color:#666; font-size:12px; font-weight:bold; margin-right:10px;}
#misc_right span, #misc_right span a, #misc_right span a:link, #misc_right span a:hover{font-size:13px; color:#333; text-decoration:none; font-weight:bold;}
#misc_right span a:hover{color:#c30;}
#misc_right input{border:1px solid #ccc; height:20px; }


/* panes */
.maintop {margin:20px auto; margin-bottom:-10px; width:100%;}
#main {margin:20px auto 0px auto; width:100%; min-height:350px;}
.mainbottom {margin:0px auto; margin-top:-10px; width:100%;}

.columntop{margin:0px;padding:0px; margin-bottom:10px;text-align:left;}


/* =====3Col panes=======  */

/* 3Col column1 */
#pas-red-3col-1 #main #column1,
#pas-red-3col-2 #main #column1{float:left; width:670px; margin:0px; padding:0px; text-align:left;}

/* left pane */
#pas-red-3col-1 #column1 .column1-left{float:left;width:25.9%;margin:0px; padding:0px; text-align:left;}
#pas-red-3col-2 #column1 .column1-left{float:left;width:48.4%;margin:0px 0px 10px 0px; padding:0px; text-align:left;}


/* 3Col content pane */
#pas-red-3col-1 #column1 .column1-right{float:left;margin:0px 0px 10px 20px; padding:0px; width:70.5%; text-align:left;}
#pas-red-3col-2 #column1 .column1-right{float:right;margin:0px 0px 10px 0px; padding:0px; width:48.4%; text-align:left;}

/* 3Col column2, 3Col right pane */
#pas-red-3col-1 #column2,
#pas-red-3col-2 #column2{float:right;margin:0px 0px 10px 0px;padding:0px;width:21.7%; text-align:left;}



/* =====2Col panes======= */
#pas-red-2col #column1 .columntop,
#pas-red-2col #column1 .column1-left{display:none;}


#pas-red-2col #main #column1{float:left; width:525px; margin:0px; padding:0px;text-align:left;}

/* 2Col content pane */
#pas-red-2col #column1 .column1-right{width:100%; margin:0px; padding:0px;text-align:left;}

/* 2Col column2, 2Col right pane */
#pas-red-2col #column2{float:right; margin:0px 0px 10px 0px;padding:0px;width:330px; text-align:left;}


/* rightleft pane (below the 2Col right pane) */
#pas-red-2col #column2 .column2-left{width:165px;float:left; padding-left:0px;}

/* rightright pane (below the 2Col right pane) */
#pas-red-2col #column2 .column2-right{width:155px; float:right;margin-left:3px;}


/* ======1Col panes======== */

/* 1Col content pane */
#pas-red-1col .column1-left{float:left;margin:0px; padding:0px; width:100%; text-align:left;}


#pas-red-1col #main #column1 .columntop, 
#pas-red-1col #main #column1 .columntop, 
#pas-red-1col #main #column1 .column1-left, 
#pas-red-1col #main #column2{display:none;}


/* footer style */

#footer {width:100%; height:60px; color:#fff;}
#footer .links1{height:30px; line-height:30px; margin:0px; }

#pas-red #footer {background:#970000;}
#pas-red #footer .links1{background:#c00;}
#footer .links2{height:30px; line-height:20px; margin:0px; width:880px;}

.clearboth{clear:both;}

.SearchBox{line-height:2em; margin:0px; padding:0px;}
.SearchBox .input{width:180px; border:1px solid #999;}
.SearchButton {background:transparent;padding:13px 0px 4px 0px;cursor: hand;font-size:15px;font-weight:bold; margin: 0 0 0 1px; color:#333;}

a.BreadCrumb:link, 
a.BreadCrumb:active, 
a.BreadCrumb:visited{font-size:12px; color:#666; text-decoration:none; font-weight:bold;}
a.BreadCrumb:hover{color:#D56A00;}


/*========================================================*/

/*  3. Links and Buttons                                  */
/*========================================================*/

/* Default link style */
a:link, a:visited, a:active{color: #444;font-family:Arial, Helvetica, sans-serif;font-weight: normal;}

a:hover{color:#c30;font-family:Arial, Helvetica, sans-serif;font-weight: normal;text-decoration: none;}

/* text and link style used for most text rendered by modules */
.Normal, a.Normal:link, a.Normal:visited, a.Normal:active {color: #444;font-family:Arial, Helvetica, sans-serif;font-weight: normal;font-size: 11px;}
a.Normal:hover {color: #c30;font-family:Arial, Helvetica, sans-serif;text-decoration: none;}
a.CommandButton{font:bold .8em Arial, Helvetica, sans-serif;}
a.CommandButton:link, a.CommandButton:visited{color:#444;text-decoration:none;}
a.CommandButton:hover, a.CommandButton:active{color:#c30;text-decoration:none;}

a.SkinObject:link, a.SkinObject:visited{font:bold .8em Arial, Helvetica, sans-serif; color:#444;text-decoration:none;}
a.SkinObject:hover, a.SkinObject:active{font:bold .8em Arial, Helvetica, sans-serif;color:#c30;text-decoration:none;}
	
#footer, #footer a.bottomlink, #footer a.bottomlink:link{font-size:11px;color:#ccc;}
#footer a.bottomlink:hover, #footer a.bottomlink:active{color:#efefef;}


/*========================================================*/
/*  4. Text                                               */
/*========================================================*/

.Head{font:bold 1.15em Arial, Helvetica, sans-serif;color:#333;}
.SubHead{font:bold 1em Arial, Helvetica, sans-serif;color:#333;}
.SubSubHead{font:1em Arial, Helvetica, sans-serif;color:#333;}
.Normal{font:12px Arial, Helvetica, sans-serif;color:#555; line-height:1.5em;}
.NormalDisabled{font:12px Arial, Helvetica, sans-serif;color:#CCC;}
.NormalBold{font:bold 12px Arial, Helvetica, sans-serif;color:#333;}
.NormalRed{font:12px Arial, Helvetica, sans-serif;color:#c30;}
.NormalTextBox{font:12px Arial, Helvetica, sans-serif;color:#333;}
.StandardButton{font:12px Arial, Helvetica, sans-serif;color:#333;}
.SkinObject{font:normal 1em Arial, Helvetica, sans-serif;color:#333;}

td,th,p,div,span,li{font-family:Arial, Helvetica, sans-serif;}
p{}
pre{}

/* Headings */
h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#333;margin:0 0 1em 0;}
h1{font-size:1.8em;}
h2{font-size:1.3em;}
h3{font-size:1.1em;}
h4{font-size:1em;}
h5{font-size:1em;}
h6{font-size:1em;}


/*========================================================*/
/*  5. Forms                                              */
/*========================================================*/

select, input {}


/*========================================================*/
/*  6. Main Menu                                          */
/*========================================================*/

/*--------- dnn menu style ----------*/
.main_dnnmenu_bar{cursor:pointer; font-size: 12px; text-transform:uppercase; letter-spacing:0.09em; font-weight:bold; margin-left:20px; white-space:nowrap;}
.main_dnnmenu_container{}



/* red menu */
#pas-red .main_dnnmenu_rootitem{ background-image: url("images/separator-red.png"); background-position:bottom right; background-repeat:no-repeat; color:#f93; padding:8px 23px 8px 23px; margin:0px; line-height:35px; }

#pas-red .main_dnnmenu_rootitem_hover, #pas-red .main_dnnmenu_rootitem_selected
{background-image: url("images/separator-red.png"); background-position:bottom right; background-repeat:no-repeat; color:#FFB13E; padding:8px 23px 8px 23px; margin:0px; line-height:35px;}


/*  SUB Menu */
.main_dnnmenu_submenu {background:#d3d3d3; margin:0px; margin-top:3px; padding:0px; padding-bottom:2px; border-left:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; border-right:1px solid #ccc;font-size:11px; font-weight:bold; }

.main_dnnmenu_submenu td{background-color:#ccc; color:#333;line-height:2.1em; padding: 0px 5px; border:#fff;}
.main_dnnmenu_itemhover td, .main_dnnmenu_itemselected td{background-color:#dddddd;color:#111; line-height:2.1em;z-index: 1000; padding: 0px 5px;margin:0px;}
.main_dnnmenu_break{ height: 1px;}

/* Module Action Menus */
.ModuleTitle_SubMenu{background:#eee;border:1px solid #666; padding:0px;}
.ModuleTitle_SubMenu td{background:#eee;white-space: nowrap; padding:0px 5px;} 
.ModuleTitle_MenuIcon {background:#eee;border:none;padding: 0px 2px;}
.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{background-color:#333;color:#fff;}
.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{height: 1px;}
.MainMenu_RootMenuArrow{font-family: webdings;font-size:10pt;cursor: pointer; display:none;}



/*========================================================*/
/*  7. Colors                                             */
/*========================================================*/


/*========================================================*/
/*  8. Modules                                            */
/*========================================================*/