/* Page background 
e.g.: background: #aaa;
body {
}
*/

/* Main screen 
e.g.: width: 500px;
e.g.: margin: -100px 0 0 -250px; // 250 = 500/2 
.vdlnApplication .center {
}
*/

/* Main logo panel 
e.g.: background: #fff;
e.g.: border-width: 5px;
e.g.: border-color: #9F0226;
e.g.: border-top-left-radius: 2px;
e.g.: border-top-right-radius: 2px;
.vdlnApplication .login > .logo {
}
*/

/* Main logo and title
e.g.: background: url("splot.jpg") no-repeat;
e.g.: text-transform: uppercase;
e.g.: letter-spacing: 6px;
e.g.: font-size: 1.2em;
e.g.: color: #9F0226;
.vdlnApplication .login > .logo > h1 {
}
*/

/* Default action button, e.g. "Login" 
e.g.: background: #9F0226;
e.g.: border: 1px solid #9F0226;
.default > .dijitReset.dijitInline.dijitButtonNode {
}
*/

/* Default action button (hover), e.g. "New Application" 
e.g.: background: #bc0028;
e.g.: border: 1px solid #9F0226;
.default.dijitButtonHover > .dijitReset.dijitInline.dijitButtonNode {
}
*/

/* Main navigation bar 
e.g.: border: 0;
e.g.: border-left: 5px solid #9F0226;
e.g.: border-right: 5px solid #9F0226;
.vdlnApplication .login > .options {
}
*/

/* Main navigation options
e.g.: background: #000;
.vdlnApplication .login > .options,
.vdlnApplication .login > .options ul {
}
*/

/* Main navigation bar - selected navigation button
e.g.: background: #9F0226;
.vdlnApplication .login > .options > ul li.selected,
.vdlnApplication .login > .options ul li:hover {
}
*/

/* Panels, e.g. login, registration
e.g.: background: #fff;
e.g.: border-color: #9F0226;
e.g.: border-width: 5px;
e.g.: border-bottom-left-radius: 2px;
e.g.: border-bottom-right-radius: 2px;
.vdlnApplication .login > .content {
}
*/

/* Labels
e.g.: color: #000;
.vdlnApplication .login > .content > div label {
}
*/