/* Top level pages stylesheet for WebDevilry */
/* CSS by Clear Breeze Design */

/* adjustment to main area top margin */

div#page div#main
{
    padding-top: 0;
    margin-top: 20px
}

/* adjustment to main text area */

div#page div#main div#questionpanel   
{
    margin-top: 0;
    padding-top: 0;
}

/* login panel */


div#page div#main div.quotesubmenu div.loginpanel    
{
 background-image: url('../images/loginbg.jpg');
 background-position: top right;
 background-repeat: no-repeat;
 margin-right: 5px
}

div#page div#main div.quotesubmenu h2   
{
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}

div#page div#main div.quotesubmenu input    
{
    border: 1px solid #6c98ac
}

div#page div#main div.quotesubmenu input.button 
{
    border-right: #6c98ac 1px solid;
    background-position: bottom;
    border-top: #6c98ac 1px solid;
    background-image: url(../images/buttonbg.gif);
    border-left: #6c98ac 1px solid;
    color: #6c98ac;
    border-bottom: #6c98ac 1px solid;
    background-repeat: repeat-x;
    background-color: #ffffff
}

div#page div#main div.quotesubmenu table.login 
{
    margin-left: 20px;
    margin-bottom: 20px;
    
}

div#page div#main div.quotesubmenu p.logininfo  
{
    margin-left: 20px;
    margin-bottom: 20px;
    margin-right: 10px
}

div#page div#main div.quotesubmenu p.logininfo a    
{
    color: #6c98ac;
    text-decoration: none
}

div#page div#main div.quotesubmenu p.logininfo a:hover
{
    border-bottom: 1px dotted #6c98ac
}



/* main text area */


div#page div#main div#questionpanel a
{
    color: #6c98ac;
    text-decoration: none
}

div#page div#main div#questionpanel a:hover
{
    border-bottom: 1px dotted #6c98ac
}

div#page div#main div#questionpanel h3
{
    color: #6c98ac;
    margin-top: 20px
}



/* homepage sections */


div#page div#main div#questionpanel h1#home
{
    margin-top: 0;
    margin-bottom: 40px;
    padding-bottom: 0px;
    padding-top: 0px;
    color: #6c98ac
}

div#page div#main div#questionpanel div#hometools, div#homearticles 
{
    width: 200px;   
    float: left;
    background-color: #ffffff;
    background-image: url('../images/homeboxtop.gif');
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 10px;
}

div#page div#main div#questionpanel div#hometools   
{
    margin-right: 20px
}

div#page div#main div#questionpanel div.bottom  
{
    background-image: url('../images/homeboxbottom.gif');
    background-repeat: no-repeat;
    background-position: bottom;
    padding-left: 10px;
    padding-right: 3px;
    color: #6c98ac
}

div#page div#main div#questionpanel div.bottom img  
{
    float: left;
    border: 0
}

/* 'articles' page variants */


div#page div#main div#questionpanel ul#articlelist  
{
    margin-left: 0;
    padding-left: 0;
}

div#page div#main div#questionpanel ul#articlelist li   
{
    list-style: none
}



/* 'tools' page */


div#page div#main div#questionpanel div.toolsarea    
{
    margin-top: 30px;
    background-image: url('../images/projectsdivpicblank.gif');
    background-repeat: no-repeat;
    background-position: top right;
}

div#page div#main div#questionpanel div.toolsarea div.roundcorner1    
{
    background-image: url('../images/projectsdivbrcorner.gif');
    background-repeat: no-repeat;
    background-position: bottom right;
}

div#page div#main div#questionpanel div.toolsarea div.roundcorner2    
{
    background-image: url('../images/projectsdivtlcorner.gif');
    background-repeat: no-repeat;
    background-position: top left;
    
}

div#page div#main div#questionpanel div.toolsarea div.toolsareawrapper   
{
    background-image: url('../images/projectsdivblcorner.gif');
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-top: 10px;
    padding-left: 10px;
}

div#page div#main div#questionpanel div.toolsarea div.toolsareawrapper img  
{
    float: right;
    margin-right: 2px
}

div#page div#main div#questionpanel div.toolsarea div.roundcorner1 div.roundcorner2 div.toolsareawrapper h2    
{
    border-bottom: 0;
    color: #000000
}

div#page div#main div#questionpanel div.toolsarea div.roundcorner1 div.roundcorner2 ul  
{
    margin-top: 0;
    padding-top: 0;
    margin-left: 0;
    padding-left: 0
}

div#page div#main div#questionpanel div.toolsarea div.roundcorner1 div.roundcorner2 ul li   
{
    list-style: none
}


/* 'register' page */


table#register td  
{
    padding-right: 20px;
    border-bottom: 1px solid #ebebd6
}

input    
{
    border: 1px solid #6c98ac
}

input.checkbox  
{
    border: 0
}

input.button 
{
    border-right: #6c98ac 1px solid;
    background-position: bottom;
    border-top: #6c98ac 1px solid;
    background-image: url(../images/buttonbg.gif);
    border-left: #6c98ac 1px solid;
    color: #6c98ac;
    border-bottom: #6c98ac 1px solid;
    background-repeat: repeat-x;
    background-color: #ffffff
}