/*---------------------------------------------------------*/
/*           vocano style sheet - Mar 2009                */
/*---------------------------------------------------------*/

body     	{ background-color:#fff; margin:0;padding:0;}
img			{ border:none;}

#toppane	{ width: 100%;}
#leftpane	{ width: 300px;}
#contentpane{ width: 100%;}
#rightpane	{}
#bottompane	{ width: 100%;}

#page		{ background-color:#fff; width:100%; font:normal 14pxcalibri,arial,helvetica,sans-serif;color:#036;}
#content	{ background-color:#fff; width:1000;}
#header		{ background-color:#transparent; width:100%;}
#menu 		{ background:#cc9933 url(menu_bg.jpg) repeat-x top left; width:11px; height:34px; width:100%; vertical-align:middle; text-align:center;}
#contentpaneS{ background-color:#fff; width:100%; border: 1px solid #cc9933; font:normal 14pxcalibri,arial,helvetica,sans-serif;color:#036; padding:.5em;}
#footer		{ background-color:#fff; width:100%; font:normal 14pxcalibri,arial,helvetica,sans-serif;color:#036;}

#date     	{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration: none;color:#999;padding-left:.5em}
#breadcrumb	{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration: none;color:#999;}
#search     { font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration: none;color:#999;padding-right:.5em}
.Head       { font:bold 20px calibri,arial,helvetica,sans-serif;text-decoration:none;color:#669;letter-spacing:0;}
.subhead    { font:bold 18px calibri,arial,helvetica,sans-serif;text-decoration:none;color:#036;}
.subsubhead	{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#000;}
.normal, .normalnisabled { font:normal 14px calibri,arial,helvetica,sans-serif;text-decoration:none;color:#336;}
.normaltextbox 	{ background-color:#fff; font:bold normal 14pxCourier, monospace; color:#669; vertical-align:middle;}
.normalred		{ font:bold 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#600;}
.normalbold		{ font:bold 14pxcalibri,arial,helvetica,sans-serif;text-decoration: none;color:#600;}
.newshead		{ font:normal 14pxtrebuchet,calibri,arial,helvetica,sans-serif;text-decoration:none;color:#336;}
.news			{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#669;}
.more			{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#cc0000;}

/* links */
a:link		{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#036;}					
a:visited	{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#036;}
a:active 	{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#036;}
a:hover		{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#f00;}

.SkinObject	{ font:normal 14pxcalibri,arial,helvetica,sans-serif;color:#036;padding-right: .5em; text-align:center; }
A.SkinObject:link 	{ text-decoration: none; color: #003366; text-align:center;}
A.SkinObject:visited { text-decoration: none; color: #003366; text-align:center;}
A.SkinObject:hover 	{ text-decoration: none; color: #003366; text-align:center;}
A.SkinObject:active 	{ text-decoration: none; color: #003366; text-align:center;}

/* text style for buttons and link buttons used in the portal admin pages */
.commandbutton 			{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#999;}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
a.commandbutton:link 	{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#036;}
a.commandbutton:visited	{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#036;} 
a.commandbutton:active	{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#036;}
a.commandbutton:hover	{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#f00;}

/* hyperlink style for user/register button */
a.user:link		{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#bbb;}
a.user:visited	{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#bbb;}
a.user:active 	{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#bbb;}
a.user:hover	{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#f00;}


/* hyperlink style for login button */
a.login:link		{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#bbb;}
a.login:visited		{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#bbb;}
a.login:active		{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#bbb;}
a.login:hover		{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration:none;color:#f00;}

/* style of item titles by Announcements and events */
.itemtitle 			{ font:normal 14pxcalibri,arial,helvetica,sans-serif;text-decoration: none;color:#036;}



/* Main Menu */

.mainmenu_menubar    { background-color:#transparent; cursor:default; height:28px; padding-left:.25em; padding-right:.5em;}
.mainmenu_menuitem   { background-color:transparent; font:normal 14pxcalibri,arial,helvetica,sans-serif; color:#000; cursor:default; height:28px; padding-left:.25em; padding-right:.5em; }
.mainmenu_menuitemsel{ background-color:transparent; font:normal 14pxcalibri,arial,helvetica,sans-serif; color:#9900ff; cursor:default;}
.mainmenu_submenu    { border-left: 1px solid #036;border-right: 1px solid #036;border-bottom: 1px solid #036; background-color:#eee; cursor:default; z-index:1000;}

.mainmenu_menuicon  { display:none;}
.mainmenu_menuarrow { display:none;}
.mainmenu_menuicon  { display:none;}
.mainmenu_menuarrow { display:none;}

   /*   .mainmenu_rootmenuarrow { font:14pxwebdings;cursor:default;} */
   /*   .mainmenu_menucontainer { background-color:#fff; } */
   /*   .mainmenu_menubreak     { border-bottom: #fc6 1px solid;background-color: #fff;height:0px;} */

/* module title menu */
.moduletitle_menucontainer { border: none;}
.moduletitle_menubar 		{ cursor: pointer;height:16px;background-color: transparent;}
.moduletitle_menuitem 		{ cursor: pointer;color: black;font:normal normal 14px calibri,arial,helvetica,sans-serif;border-left: white 0px solid;border-bottom: white 1px solid;border-top: white 1px solid;border-right: white 0px solid;background-color: transparent;}
.moduletitle_menuicon 		{ cursor: pointer;background-color: #eee;border-left: #eee 1px solid;border-bottom: #eee 1px solid;border-top: #eee 1px solid;text-align: center;width: 15px;height: 21px;}
.moduletitle_submenu 		{ z-index: 1000; cursor: pointer; background-color: #fff; border-bottom: #fff 0px solid; border-left: #fff 0px solid; border-top: #fff 0px solid;border-right: #fff 0px solid;}
.moduletitle_menubreak 		{ border-bottom: #eee 1px solid;border-left: #eee 0px solid;border-top: #eee 1px solid;border-right: #eee 0px solid;background-color: #eee;height: 1px;}
.moduletitle_menuitemsel 	{ cursor: pointer;color: black;font:bold normal 14px calibri,arial,helvetica,sans-serif;background-color: #c1d2ee;}
.moduletitle_menuarrow 		{ font-family: webdings;font-size: 14px;cursor: pointer;	border-right: #fff 1px solid;border-bottom: #fff 1px solid; border-top: #fff 0px solid;}
.moduletitle_rootmenuarrow { font-family: webdings;font-size: 14px;cursor: pointer;}

/* ************************************************************************************************* */

/* legacy but still being used somewhere i.e., login box */


.DNNEmptyPane	{ width: 0px;}
.DNNAlignleft	{ text-align: left;}
.DNNAlignright	{ text-align: right;}
.DNNAligncenter{ text-align: center;}


/* Login Styles */
.LoginPanel			{ width:100%; margin:auto;text-align:center;}
.LoginTabGroup		{}
.LoginTab 			{ left top;	margin: 0 3px 3px 0;	padding: 5px 5px 4px 5px;}
.LoginTabSelected { left top;	margin: 0 3px 3px 0;	padding: 5px 5px 4px 5px;	background-position: 0% -41px;}
.LoginTabHover 	{ float: left;background: url("") left top;	margin: 0 3px 3px 0;	padding: 5px 5px 4px 5px;	text-decoration: none;	color: #555;border: 1px #C00 solid;	cursor:pointer;}
.LoginContainerGroup { clear: both; padding-top: 5px;}
.LoginContainer  	{}


/* store */

#featured { border: 1px solid #666; background-color:#FFFFCC }

.PagerContainerTable
    {
        color: #d1d1e1;
        background-color: #000;
    }
.PagerInfoCell
    {
        padding-right: 6px;
        padding-left: 6px;
        padding-bottom: 3px;
        font: bold 11px arial, verdana, helvetica, sans-serif;
        color: #f0f1f2;
        padding-top: 3px;
        white-space: nowrap;
        background-color: #5078B3;
        font-weight: normal;
    }
.PagerInfoCell:link
    {
        color: #ffcc66;
        text-decoration: none;
    }
.PagerInfoCell:visited
    {
        color: #ffcc66;
        text-decoration: none;
    }
.PagerCurrentPageCell
    {
        color: #000;
        font-weight: bold;
        background-color: #fff;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }
.PagerOtherPageCells
    {
        background-color: #f0f1f2;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }
.PagerSSCCells
    {
        background-color: #cccccc;
        padding: 20px;
    }
.PagerHyperlinkStyle
    {
        font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
    }
.PagerHyperlinkStyle:hover
    {
        color: #000000;
        text-decoration: none;
        font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
    }
.PagerHyperlinkStyle:link
    {
        color: #000000;
        text-decoration: none;
        font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
    }
.PagerHyperlinkStyle:visited
    {
        color: #000000;
        text-decoration: none;
        font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
    }
.PagerHyperlinkStyle:active  { color: #000000; text-decoration: none; font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif; }
    /*

modal popup (used to display full sized images

Move this to your portal.css file if preferred

*/
div.modalPopup    { background-color: #ffffff; border-width: 3px; border-style: solid; border-color: Gray; padding: 10px; text-align: center;}