/* project specific styles                      
   Make a project specific version of this file 
	 in your cms_project/css folder for every     
	 system context you use.                      
	 Name it proj.<system_context>.css and link it
	 into the same folder where the file (or link)
	 of ar.php and arEditFrame.php are!         */


/* just a style to test if your html uses the right css file 
   remove this when you modify this file for your project  
.styleAlert {
	display: block;
	left: 10px;
}*/



/* Following are the styles that you will need to change
   if you need a different color in your project      */

	 
	 
/* //////////////// defining standards //////////////////// */

A:link { color: #1470A6; text-decoration: none; }
A:visited {	color: #1470A6; }
/* //// common class for all main layout containers //// */
DIV.boxMain { border: 1px solid #1470A6; cursor: default; }

/* //// active item (dark color) //// */
DIV.boxAct {
	border-top: 1px solid #1470A6;
	background-color: #1470A6;
}

/* //// option-(menu-)bar for the active item (light color) //// */
DIV.boxActOpt {
	border-top: 1px solid #1A86C6;
	background-color: #1A86C6;
}

/* //// parent sub-option-bar (gray) //// */
DIV.boxParOpt {
	border-top: 1px solid #1470A6;
	background-color: #F0F1F9;
}

/* //// sub-option-bar (white) //// */
DIV.boxOpt {
	border-top: 1px solid #1470A6;
}

/* //// most common box containing normal content-forms //// */
DIV.boxCont, DIV.boxListCont {
	border-top: 1px solid #1470A6;
	color: #414141;
}
/* //// submit box at the bottom of the page (usually the last box) //// */
DIV.boxSubmit {
	background-color: #C8D3DB;
}

/* //// main container inside editFrame-popups //// */
DIV.boxEditFrame {
	border-color : #1470A6;
}

/* //// classes extending arNav /////////////////////////////////////////// */

DIV#arNav DIV.boxAct,
DIV#arNav DIV.boxActOpt,
DIV#arNav DIV.boxParOpt,
DIV#arNav DIV.boxOpt {
	border-left: 3px solid #1470A6;
}

DIV#arNav DIV.boxActOpt {
	border-top: 1px solid #1470A6;
	color: #ffffff;
}

DIV#arNav DIV.boxParent {
	background-color: #C8D3DB;
	border-bottom: 1px solid #1470A6;
	color: #1A86C6;
}


/* //// classes extending boxOpt ///////////////////////////////////// */

/* image lists */
DIV.boxOpt IMG,
DIV.boxListCont IMG {
	border: 2px solid #1A86C6;
}
DIV.boxActOpt SPAN.inactive
{	font-weight: normal; color: #DEE7F4; cursor: default; }
DIV.boxDrag IMG {	border: 1px solid #1470A6; }

/* /////////////////// a:r message window classes //////////////////// */

DIV.msgBoxLogo {
	background-color: #1A86C6;
}

DIV.msgBoxTop {
	display: none;
}

DIV.msgBox { border: 1px solid #1470A6; border-top: none; }

SPAN.arLoginNote { color: #999999 }
SPAN.arLoginSys { color: #CCCCCC; font-size: 10px; }


/* //////////////// arStart styles (from start.css) /////////////////// */
DIV#arStartL DIV.boxActOpt, DIV#arStartR DIV.boxActOpt, DIV.arStartL DIV.arStartTxt {
	border-top: 1px solid #1470A6;
}

SPAN.arAr { 
	color: #1470A6;
}

DIV.arStartTxt {
	color: #DEE7F4;
	background-color: #1A86C6;
}